今天再写个小功能判断checkbox是否选中与操作完以后将checkbox设置为选中状态的需求,那么就可以参考下面的代码了
1、判断是否选中可以用如下代码
原生js
if(document.getElementById("insDown").checked){
}
jquery的实现代码
1, $(checkbox的id).prop("checked") 返回的是一个boolean值类型
2, $(this).is(":checked") 返回的也是一个boolean值类型2
、设置选中状态
原生js
document.getElementById("insDown").checked=true;
jquery的实现代码
$("#insDown").prop("checked", true);
$("#cb1").prop("checked","checked");
$("#cb1").prop("checked",true);
完整代码
//第几个没有选 <input type="checkbox" checked> <input type="checkbox"> <input type="checkbox" checked> <input type="checkbox"> <input type="checkbox"> <script language=javascript> function check(obj) { for(i=0;i<document.all(obj).length;i++) { if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择") } } </script> <input type=button value="检测"> //一个也没有选 <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <Script Language="JavaScript"> function check(obj){ for(i=0;i<document.all(obj).length;i++){ if(document.all(obj)(i).checked){ return; } } window.alert('一个也没有选!'); } </Script> <input type=button value="检测"> //第几个没有选 <input type="checkbox" checked> <input type="checkbox"> <input type="checkbox" checked> <input type="checkbox"> <input type="checkbox"> <script language=javascript> function check(obj) { for(i=0;i<document.all(obj).length;i++) { if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择") } } </script> <input type=button value="检测"> //一个也没有选 <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"> <Script Language="JavaScript"> function check(obj){ for(i=0;i<document.all(obj).length;i++){ if(document.all(obj)(i).checked){ return; } } window.alert('一个也没有选!'); } </Script> <input type=button value="检测">