导航:首页 > 编程语言 > 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如何监听div的宽度变化 浏览：896
迷你世界如何删除编程模式的起始点 浏览：65
编程一般什么职位 浏览：869
硬件如何驱动程序 浏览：864
如何删除地铁app上乘车记录 浏览：261
战地五的图标文件在哪里 浏览：553
闪迪卡更改文件系统 浏览：599
参数数据是什么证据 浏览：433
神木论坛app最新版本 浏览：949
住建局175号文件具体内容 浏览：943
手机管家清理大文件怎么恢复 浏览：730
华为t8830应用程序已满怎么删除教程 浏览：815
转储的数据库文件怎么导入 浏览：527
怎么用编程画小花 浏览：65
php文件如何下载文件 浏览：614
javacapsule 浏览：20
extjs按钮垂直居中 浏览：163
ibjsx 浏览：647
直销可编程直流电源哪里买 浏览：952
苹果6qq录音文件听不了 浏览：6

友情链接