我有<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>
问题:我想让它选择的单选按钮项目的多个选项得到选择和提交在一个单一的时间,但能够实现它。
jsFiddle
既然您坚持使用无线电,我将使用jQuery库来获取您的值。你可以添加一个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());
});
});
你不能取消选中一个单选按钮,除非你想使用reset元素取消选中所有的单选按钮,这会重置你的整个表单,或者为单选按钮创建一个自定义函数(无论如何都会清除所有的选项)。
取消选择可以通过以下代码路由到name=None
单选按钮:
$(".rad[name=None]").click(function() {
$(".rad").removeAttr("checked");
});