js 判断checkbox是否选中的实现代码
(编辑：jimmy 日期: 2025/10/31 浏览：3 次 )
今天再写个小功能判断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="检测">
这篇文章就结束了，更多的请查看以前发布的文章。
下一篇：js 处理URL实用技巧