如何用js判断一个复选框是否被选中?

JavaScript029

如何用js判断一个复选框是否被选中?,第1张

<script language="javascript">

function check()

{

if(document.form1.checkbox.checked==false) //如果表单1的复选框没被选中。则执行以下语句

{

alert("请选中复选框")

return false

}

}

</script>

'首先定义一个JS函数,复选框的名称为checkbox

<form id="form1" name="form1" method="post" action="index.html" onsubmit="return check()">'这是表单1 注意!必须调用一个函数 onsubmit="return check()"

举个例子

<body>

<input type="checkbox" id="box" checked>123

<script>

var box = document.getElementById('box')

if(box.checked) {

console.log('复选框被选中')  

}

</script>

</body>

该案例复选框被选中,所以会出输出'复选框被选中'。checked属性存在会自动转换为bool值true,所以可以if语句做判断。

建议取标签name: <input type="checkbox" id="ck1" name="myCheckBox" value="1"/><input type="checkbox" id="ck2" name="myCheckBox" value="2"/><input type="checkbox" id="ck3" name="myCheckBox" value="3"/><script>//取name为myCheckBox的对象数组 var chkArray= document.getElementsByName('myCheckBox' )//循环取得的数组,输出选中按钮的值 for(var i=0i<chkArray.lengthi++) if(chkArray[i].checked){ alert("选中的是"+chkArray[i].value)} } </script>