导航:首页 > 编程语言 > js判断复选框

js判断复选框

 发布时间：2024-01-18 02:43:36

『壹』 在HTML中如何用javaScript判断复选框checkbox是否被选中

js判断复选框是否选中

[html]viewplain
<!doctypehtml>
<htmllang="cn">
<head>
<metahttp-equiv="content-type"content="text/html;charset=UTF-8"/>
<title>复选框全选、全不选、反选、必选一个</title>
<scripttype="text/javascript">
//全选
functionselectAll(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
names[i].checked=true;
}
}

//全不选
functionselectNone(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
names[i].checked=false;
}
}

//反选
functionselectInvert(){
varnames=document.getElementsByName("bjjb");
for(vari=0;i<names.length;i++){
if(names[i].checked){
names[i].checked=false;
}else{
names[i].checked=true;
}
}
}

//必须选择一个
functionselectOne(){
varnames=document.getElementsByName("bjjb");
varflag=false;//标记判断是否选中一个
for(vari=0;i<names.length;i++){
if(names[i].checked){
flag=true;
break;
}
}
if(!flag){
alert("请最少选择一项！");
returnfalse;
}
}

</script>
</head>
<body>
<formid="checkboxform"method="post"action="">
<inputtype="checkbox"name="bjjb"value="1">交通事故<br>
<inputtype="checkbox"name="bjjb"value="2">自然灾害<br>
<inputtype="checkbox"name="bjjb"value="3">恶劣天气<br>
<inputtype="checkbox"name="bjjb"value="4">严重违法行为<br>
<inputtype="checkbox"name="bjjb"value="5">路面损毁<br>
<ahref="javascript:void(0);"onclick="selectAll()">全选</a>
<ahref="javascript:void(0);"onclick="selectNone()">全不选</a>
<ahref="javascript:void(0);"onclick="selectInvert()">反选</a>
<ahref="javascript:void(0);"onclick="selectOne()">必须选择一个</a>
</form>
</body>
</html>

备注：
1：以上常见判断在实际开发中经常运用。温故而知新是一件非常好的事情。
2：在function方法中执行判断加return表示满足条件，return后的内容将不再进行执行,如何没有加return那么createWindow()会继续执行。如：
functionclickSupervise(){
//判断是否选择了警情
varjqid=$("#jqid1").val();
if(""==jqid||jqid==null||jqid==undefined){
alert("请先选择警情信息！");
return;
}
//创建窗口
createWindow();
}

『贰』 如何用js读取复选框的值

思路：首先利用name属性值获取checkbox对象，然后循环判断checked属性：如果为true表示被选中，false则表示未选中。

实例演示如下：

1、HTML结构

<inputtype="checkbox"name="test"value="1"/><span>1</span>
<inputtype="checkbox"name="test"value="2"/><span>2</span>
<inputtype="checkbox"name="test"value="3"/><span>3</span>
<inputtype="checkbox"name="test"value="4"/><span>4</span>
<inputtype="checkbox"name="test"value="5"/><span>5</span>
<inputtype='button'value='提交'onclick="fun()"/>

2、javascript代码

functionfun(){
obj=document.getElementsByName("test");
check_val=[];
for(kinobj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}

3、演示效果

『叁』 javascript如何判断多个复选框状态

楼主，这就是你想要的结果，不信你复制过去运行一下，我已专经测试OK了!属

<html>
<script language="JavaScript">
function check(obj)
{
if(obj.checked==true)
{
alert("checked!")
}
else
{
alert("unchecked!")
}
}
</script>
<input type="checkbox" name="t1" id="t1" value="1" onClick="check(this)">
<input type="checkbox" name="t2" id="t2" value="1" onClick="check(this)">
<input type="checkbox" name="t3" id="t3" value="1" onClick="check(this)">
<html>

『肆』 怎么用JS判断复选框提交时是否选中，且最多只能选3个

var check=&("input[type=check]");获取所有控件。
var checked=&("input[checked=checked]");获取选中的控件

『伍』 怎样用JS判断复选框的值是否为空

js应该这样写：
var objs=document.getElementsByName('cj');
var isSel=false;//判断是否有选中项，默认为无
for(var i=0;i<objs.length;i++)
{
if(objs[i].checked==true)
{
isSel=true;
break;
}
}
if(isSel==false)
{
alert("请选版择科权目！");
return false;
}else
{
return true;
}

阅读全文

与js判断复选框相关的资料

热点内容
js随机颜色 浏览：611
文件快速复制到u盘的软件 浏览：443
如何检查无线网络驱动是否正常 浏览：468
百度网盘来自分享的文件在哪里 浏览：127
如何发视频到腾讯视频文件夹里 浏览：510
微信打开cad外部文件找不到 浏览：882
平板可以打开各种文件后缀的软件 浏览：531
苹果微信文件怎么全选 浏览：749
手机里之前打开过的文件在哪里找 浏览：685
cad能看word文件吗 浏览：719
12306火车票系统后台数据库 浏览：570
js翻译德语 浏览：33
从哪里可以下载a股的数据 浏览：437
逻辑文件名和物理文件名关系 浏览：66
怎么查一个网站的外链 浏览：675
linux下db2安装时版本选择 浏览：738
汇编编程用哪个软件 浏览：486
仙乐下的歌在文件管理哪里 浏览：477
115网盘解析工具2014 浏览：371
内圆弧铣刀怎么编程 浏览：410

友情链接