JavaScript 选中或取消选中所有复选框

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript 选中或取消选中所有复选框相关的知识，希望对你有一定的参考价值。

function SetAllCheckBoxes(FormName, FieldName, CheckValue)
{
	if(!document.forms[FormName])
		return;
	var objCheckBoxes = document.forms[FormName].elements[FieldName];
	if(!objCheckBoxes)
		return;
	var countCheckBoxes = objCheckBoxes.length;
	if(!countCheckBoxes)
		objCheckBoxes.checked = CheckValue;
	else
		// set the check value for all check boxes
		for(var i = 0; i < countCheckBoxes; i++)
			objCheckBoxes[i].checked = CheckValue;
}

<form method="GET" action="page17.php" name="myForm" onsubmit="return false;">
<label for="myCheckbox1">
<input type="checkbox" name="myCheckbox" value="1" id="myCheckbox1">
I like Britney Spears </label>
<br>
<label for="myCheckbox2"><input type="checkbox" name="myCheckbox" value="2" id="myCheckbox2">
I like Hillary Duff </label>
<br>
<label for="myCheckbox3"><input type="checkbox" name="myCheckbox" value="3" id="myCheckbox3">
I like Mandy Moore </label>
<br><input type="button" onclick="SetAllCheckBoxes('myForm', 'myCheckbox', true);" value="I like them all!">
  
<input type="button" onclick="SetAllCheckBoxes('myForm', 'myCheckbox', false);" value="I don't like any of them!">
</form>

以上是关于JavaScript 选中或取消选中所有复选框的主要内容，如果未能解决你的问题，请参考以下文章

如何使用 JavaScript 或 jquery 选中/取消选中复选框？

JavaScript 选中全部/取消选中jQuery的所有复选框

JavaScript 选中取消选中页面上的所有复选框

JavaScript 选择/取消选中所有复选框

选中所有/取消选中循环语句中的所有复选框

Javascript 检查/取消选中所有复选框并将值写入 textarea