[英]Selecting multiple radio buttons
好吧,我在 php 中有一個 for 循環,它為一個人生成一組單選按鈕,組中的每個單選按鈕都具有相同的名稱。
for ($i = 0; $i < $count; $i++) {
echo '<tr>';
echo '<td>' . $something[$i] . '</td>';
echo '<td align="center"><input class="one" type="radio" name="' . $i . '" value="1"/></td>';
echo '<td align="center"><input class="half" type="radio" name="' . $i . '" value="0.5"/></td>';
echo '<td align="center"><input class="zero" type="radio" name="' . $i . '" value="0" checked="checked"/></td>';
echo '<td align="center"><input class="inactive" type="radio" name="' . $i . '" value="null"/></td>';
echo '</tr>';
}
我希望能夠通過單擊鏈接/按鈕來選擇/檢查具有相同類的所有單選按鈕。 變量$count
每隔幾天就會改變一次,所以我不知道會有多少個不同的廣播組。 我正在尋找這個希望在javascript中
你不能這樣做。 單選按鈕組允許單選。 您將需要復選框來完成此操作。
如果類名對於單選按鈕是唯一的,您可以這樣做:
var radios = document.getElementsByTagName("INPUT");
for (var index = 0; index < radios.length; index++) {
if (radios(index).type == "radio" &&
radios(index).className.indexOf("one") > -1) {
radios(index).checked = true;
}
}
所有這一切可能並不比對每個都使用 getElementsById 好,但可能比 getElementsByClassName 好,我不認為這是普遍支持的。
好吧,我在這里弄清楚了,
$(document).ready(function() {
// select all radio buttons in the "one" column (.one class)
$('#select_all_one').click(function(){
$("input[class=one]").each(function(){
this.checked = true;
});
});
// select all radio buttons in the "half" column (.half class)
$('#select_all_half').click(function(){
$("input[class=half]").each(function(){
this.checked = true;
});
});
// select all radio buttons in the "zero" column (.zero class)
$('#select_all_zero').click(function(){
$("input[class=zero]").each(function(){
this.checked = true;
});
});
// select all radio buttons in the "inactive" column (.inactive class)
$('#select_all_inactive').click(function(){
$("input[class=inactive]").each(function(){
this.checked = true;
});
});
});
然后選擇所有收音機,我使用此鏈接<a id="select_all_one" name="select_all" value="all_one">
並將 id 的名稱和值更改為一半、零和非活動鏈接,一切都很完美
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.