Question

我有以下HTML：

<form id="test">
  <input type="radio" value="A" name="C1"/>
  <a href="javascript:selectCheckbox('C1', 'A');"> OPTION-A </a>

  <input type="radio" value="B" name="C1"/>
  <a href="javascript:selectCheckbox('C1', 'B');"> OPTION-B </a>

 <input type="radio" value="C" name="C1"/>
  <a href="javascript:selectCheckbox('C1', 'C');"> OPTION-C </a>

  // several other: C2, C3, ..
</form>

我正在尝试实施selectCheckbox( chkbox, value)，应该：

使用name = chkbox搜索所有广播并设置attr('checked') = false
搜索name = chkbox AND val() = value并设置attr('checked') = true

我无法弄清楚，正确的选择器是什么，我试了以下没有运气：

var name = "#" + chkbox + " :checked";
$(name).each(..  // doesn't work

$('#'+chkbox).each( .. // if finds only the first occurence
                       // of i.e. C1, although I would expect 3

$("input[@name='"+chkbox+"']").each( function() { ..
// leaves me with the following error:
// Warning: Expected attribute name or namespace but found '@name'

请让我知道我做错了什么。很多，非常感谢！

Answer 1

试试这个：

$('input:radio[name="' + chkboxName + '"][value="' + value + '"]')
    .attr('checked', 'checked');

Answer 2

感谢您的帮助，我终于明白了：

function selectTestAnswer( chkbox, value ) {
    $("[name="+chkbox+"]").each( function() {   
        if ( $(this).val() ==  value )
            $(this).attr('checked', true);
        else
            if ( $(this).attr('checked') == true)
                $(this).attr('checked', false);
});

}

Answer 3

我使用相对DOM位置来进行导航。另请注意，您不能使用具有相同ID的不同元素，但在这种情况下，您无需使用名称上的属性选择器来查找正确的输入。请注意，您已经知道需要根据所单击链接的位置检查哪些输入。我更喜欢将代码与标记分开，因此我给链接提供了一个类，使它们易于选择并将单击处理程序应用程序移动到代码中。

更新：请注意，我删除了代码以取消选中其他无线电。使用无线电，将其中一个设置为已选中应自动取消选中其他任何一个。

$(function() {
     $('a.checkbox-selector').click( function() {
         // get the checkbox immediately preceding the link -- this should
         // be checked.  Checking it should automatically uncheck any other
         // that may be checked.
         $(this).prev(':checkbox');
                .attr('checked',true);
         return false;  // don't process the link
     });
});

<form id="test">
  <input  type="radio" value="A" name="C1"/>
  <a href="#" class="checkbox-selector"> OPTION-A </a>

  <input  type="radio" value="B" name="C1"/>
  <a href="#" class="checkbox-selector"> OPTION-B </a>

  <input  type="radio" value="C" name="C1"/>
  <a href="#" class="checkbox-selector"> OPTION-C </a>

  <!-- several other: C2, C3, ... -->
</form>

Answer 4

如果您的jquery版本＆gt;您可以使用prop（）而不是attr（） 1.6

请参阅此链接 http://api.jquery.com/prop/

从jQuery 1.6开始，.prop（）方法提供了一种显式方法检索属性值，而.attr（）检索属性。

所以你要找的代码看起来更像是

$('input:checkbox[name="Validators"][value="' + v + '"]').prop('checked',true);

Answer 5

您不能在一个页面上拥有多个具有相同ID的元素。您的所有输入元素都具有ID“C1”。

Answer 6

试试$("input[name='C1'] :checked]")。 ID应该是唯一的，因此jquery可能不希望返回多个元素。

jQuery：根据名称和值选择复选框

6 个答案: