-1

我有<FORM>其中我有一个项目的单选按钮。单选按钮的代码如下：

<tr>
    <td width="10%" align="right" name="Items"><p>Items</p></td>
    <td width="90%">
    <input type="radio" name="None" value="--">None
    <input type="radio" name="Item1" value="Item1">Item1
    <input type="radio" name="Item2" value="Item2">Item2
    <input type="radio" name="Item3" value="Item3">Item3
    <input type="radio" name="Item4" value="Item4">Item4
    </tr>

问题：我想让它选择单选按钮项目的多个选项以一次被选中并提交，但能够实现它。

4

1 回答 1

1

jsFiddle

由于您坚持使用收音机，我会使用 jQuery 库来获取您的值。您可以将 a 添加class到您的收音机中，它将允许您选择它class并遍历它。这是违反直觉和肮脏的，但它会起作用。这个标记：

<input type="radio" class="rad" name="None" value="--" />None
<br />
<input type="radio" class="rad" name="Item1" value="Item1" />Item1
<br />
<input type="radio" class="rad" name="Item2" value="Item2" />Item2
<br />
<input type="radio" class="rad" name="Item3" value="Item3" />Item3
<br />
<input type="radio" class="rad" name="Item4" value="Item4" />Item4
<br />

与这个 jQuery 一起使用：

$(document).ready(function () {
    $("#button").click(function () {
        // Radios
        $(".rad:checked").each(function() {
            console.log("Radio: " + $(this).val());
        });
    });
})

在小提琴中，我也添加了复选框，只是为了向您展示它是多么容易，即以下标记（阅读起来更容易并且不那么模棱两可）：

<input name="choices" type="checkbox" value="something1" />Option 1
<br />
<input name="choices" type="checkbox" value="something2" />Option 2
<br />
<input name="choices" type="checkbox" value="something3" />Option 3
<br />
<input name="choices" type="checkbox" value="something4" />Option 4
<br />

与这个 jQuery 一起使用：

$("#button").click(function () {
    //Check boxes
    $("input:checkbox[name=choices]:checked").each(function() {
        console.log("Checkbox: " + $(this).val());
    });
});

您不能取消选择单选按钮，除非您想使用重置元素取消选择所有单选按钮，这将重置您的整个表单，或者为单选按钮创建自定义功能（无论如何都会清除所有选择）。

name=None可以使用以下代码将取消选择路由到您的单选按钮：

$(".rad[name=None]").click(function() {
    $(".rad").removeAttr("checked");
});
于 2013-04-28T07:08:50.577 回答