时间:2021-05-26
今天再写个小功能判断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" name="checkbox1" checked> <input type="checkbox" name="checkbox1"> <input type="checkbox" name="checkbox1" checked> <input type="checkbox" name="checkbox1"> <input type="checkbox" name="checkbox1"> <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 onclick="check('checkbox1')" value="检测"> //一个也没有选 <input type="checkbox" name="test"> <input type="checkbox" name="test"> <input type="checkbox" name="test"> <input type="checkbox" name="test"> <input type="checkbox" name="test"> <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 onclick="check('test');" value="检测"> //第几个没有选 <input type="checkbox" name="checkbox1" checked> <input type="checkbox" name="checkbox1"> <input type="checkbox" name="checkbox1" checked> <input type="checkbox" name="checkbox1"> <input type="checkbox" name="checkbox1"> <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 onclick="check('checkbox1')" value="检测"> //一个也没有选 <input type="checkbox" name="test"> <input type="checkbox" name="test"> <input type="checkbox" name="test"> <input type="checkbox" name="test"> <input type="checkbox" name="test"> <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 onclick="check('test');" value="检测">这篇文章就结束了,更多的请查看以前发布的文章。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
jqery和js如何判断checkbox是否选中的方法: jquery:$("input[type='checkbox']").attr('value')
在jquery1.8.x中的版本,我们对于checkbox的选中与不选中操作如下:判断是否选中复制代码代码如下:$('#checkbox').prop('che
一、jquery判断checkbox是否选中及改变checkbox状态jquery判断checked的三种方法:复制代码代码如下:.attr('checked)
通过value值设置checkbox选中html超级管理员学生教师js实现代码varname="1,2,3";varnames=name.split(",");
jQuery判断checkbox(复选框)是否被选中:if($("#id").attr("checked")==true)jQuery实现checkbox(复选