有什么簡單的方法可以通過點擊一個按鈕來選擇多個復選框（不是全部）？
關于如何輕松實作這一目標的任何建議？
謝謝。 EraNet
。<script type="text/javascript"/span>>
function Select（）{
var items=document.getElementsByName('Red'/span>)
for(var i=0; i< items.length; i ){
if( items[i].type=='checkbox')
items[i].checked=true。
}
}
function UnSelect（）{
var items=document.getElementsByName('Red'/span>)
for(var i=0; i< items.length; i ){
if( items[i].type=='checkbox')
items[i].checked=false。
}
}
</script><html>
<head>
<title>JavaScript - Select/Unselect multiple CheckBoxes on Button Click.</title>/span>
</head>
<body>
< input type="checkbox"/span> name="Red" value="Red"> Red<br>
< input type="checkbox"/span> name="Blue" value="Blue"> Blue<br>
< input type="checkbox"/span> name="Yellow" value="Yellow"> Yellow<br>
< input type="checkbox"/span> name="Orange" value="Orange"> Orange<br>/span>
< input type="checkbox"/span> name="Pink" value="Pink"> Pink<br>/span>
< input type="checkbox"/span> name="Voilet" value="Voilet"> Voilet<br>
<p>/span>
< input type="button" onclick='Select()' value="選擇"/>
< input type="button" onclick='UnSelect()' value="Unselect" />
</p>
</body>/span>
</html>/span>uj5u.com熱心網友回復：
我添加了一個選擇部分/全部的類名，然后使用querySelectorAll()來選擇需要改變的元素。
function Select() {
//所有具有 "one "類名稱的輸入元素。
var items = document.querySelectorAll（'input.one'）。
items.forEach(item => item.checked =true)。
}
function UnSelect（） {
//所有有名字的輸入元素。
var items = document.querySelectorAll('input[name] ' )。
items.forEach(item => item.checked =false) 。
}< input type="checkbox"/span> class="one" name="Red" value="Red"> Red<br>
< input type="checkbox"/span> class="one" name="Blue" value="Blue" > Blue<br>
< input type="checkbox"/span> class="one" name="Yellow" value="Yellow"> Yellow<br>
< input type="checkbox"/span> class="two" name="Orange" value="Orange"> Orange<br>/span>
< input type="checkbox"/span> class="two" name="Pink" value="Pink"> Pink<br>/span>
< input type="checkbox"/span> class="two" name="Voilet" value="Voilet"> Voilet<br>
<p>/span>
< input type="button" onclick='Select()' value="Select" />
< input type="button" onclick='UnSelect()' value="Unselect" />
</p> uj5u.com熱心網友回復：
謝謝你的建議。 我想按名字來命名的原因是，我可能有4個按鈕，每個按鈕將勾選不同的組合。 因此，它需要為每個按鈕提供一個所選名稱的串列，并且需要一個按鈕來取消所有選擇。
謝謝。 EraNet
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/333292.html
標籤：