提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

js判断checkbox是否选中的操作方法

JS 判断 是否 操作方法 选中 checkbox
2023-06-13 09:14:40 时间
核心提示:大家在很多场合也许会遇到判断页面是否有元素选中，下面介绍的是利用js判断是否选中CheckBox的方法。
//第几个没有选
复制代码代码如下:

<inputtype="checkbox"name="checkbox1"checked>
<inputtype="checkbox"name="checkbox1">
<inputtype="checkbox"name="checkbox1"checked>
<inputtype="checkbox"name="checkbox1">
<inputtype="checkbox"name="checkbox1">
<scriptlanguage=javascript>
functioncheck(obj)
{

for(i=0;i<document.all(obj).length;i++)
{
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择")
}
}
</script>
<inputtype=buttononclick="check("checkbox1")"value="检测">

//一个也没有选
复制代码代码如下:

<inputtype="checkbox"name="test">
<inputtype="checkbox"name="test">
<inputtype="checkbox"name="test">
<inputtype="checkbox"name="test">
<inputtype="checkbox"name="test">
<ScriptLanguage="JavaScript">
functioncheck(obj){
for(i=0;i<document.all(obj).length;i++){
if(document.all(obj)(i).checked){
return;
}
}
window.alert("一个也没有选！");
}
</Script>
<inputtype=buttononclick="check("test");"value="检测">

//第几个没有选
复制代码代码如下:
<inputtype="checkbox"name="checkbox1"checked>
<inputtype="checkbox"name="checkbox1">
<inputtype="checkbox"name="checkbox1"checked>
<inputtype="checkbox"name="checkbox1">
<inputtype="checkbox"name="checkbox1">
<scriptlanguage=javascript>
functioncheck(obj)
{

for(i=0;i<document.all(obj).length;i++)
{
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择")
}
}
</script>
<inputtype=buttononclick="check("checkbox1")"value="检测">

//一个也没有选
复制代码代码如下:
<inputtype="checkbox"name="test">
<inputtype="checkbox"name="test">
<inputtype="checkbox"name="test">
<inputtype="checkbox"name="test">
<inputtype="checkbox"name="test">
<ScriptLanguage="JavaScript">
functioncheck(obj){
for(i=0;i<document.all(obj).length;i++){
if(document.all(obj)(i).checked){
return;
}
}
window.alert("一个也没有选！");
}
</Script>
<inputtype=buttononclick="check("test");"value="检测">

相关文章