js 判断checkbox是否选中的实现代码

今天再写个小功能判断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="检测">

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdfpsx.html