使用原型获取/设置复选框和单选按钮值

Question

原型很棒，但是随着 1.6.1 版本的发布，该库仍然不允许获取/设置分组输入（复选框和单选按钮）。我想要一种使用 $ 获取选定值数组的方法F($("form").checkboxes).另一方面，我希望能够将这些复选框设置为值数组。

有想法吗？

Answer 1

您始终可以执行以下操作：（假设您的复选框具有 checkboxes 类）。

var checkedList = [];
$('.checkboxes').each(function(ele){
   if( $(ele).checked )
   {
       checkedList.push($(ele).name);
   }
});

Answer 2

编辑 - 刚刚意识到我误读了问题，下面的代码仅适用于设置值：

var form = $('options');
checkboxes = form.getInputs('checkbox');
checkboxes.each(function(e){ e.checked = 0 });
// or even checkboxes.invoke('checked',0);

不过也许可以使用类似的东西：

var cels = new Array();
$('checkbox[checked="checked"]').each(el){
  cels.push(el.value);
}

Answer 3

这仅适用于单选按钮，但仍然有用。

获取

$('input:checked[name="radio_name"]')[0].value

设置

$('input[name="radio_name"][value="to_select"]')[0].checked = true

“radio_name”是您的广播组的名称。 “to_select”是您要选择的值。 “[0]”起作用是因为一次只能选中 1 个单选按钮。

顺便说一句，我有点不喜欢原型。在 jQuery 中要容易得多，但是你必须使用你必须使用的东西。

Answer 4

我最终编写了自己的 Prototype 扩展来做到这一点。您可以在 Github 上查看它们。以下是该项目的注释：

“这些扩展允许您使用 Prototype 方便的 $F() 语法来获取和设置这些分组输入元素的值。它们已经使用 Prototype 1.6.0.3 和 1.6.1 进行了测试。有这些扩展中的其他部分也请参阅 README.html 文件了解更多信息。细节。”

非常感谢 sawgee 和 Los 的答案，但我想要一个更集成的解决方案，它允许我使用我已经与其他表单元素一起使用的自然 $F() 语法来处理复选框和单选按钮。

Answer 5

给定 HTML：

<label><input type="radio" id="choiceA" name="choices" value="A" checked="checked" /> A</label>
<label><input type="radio" id="choiceB" name="choices" value="B" /> B</label>

这会执行 CSS 样式查询并返回所有元素的值。

$('input:checked[type="radio"][name="group-name"]').pluck("value");