Question

我试图消除一些冗余，但我似乎错过了一些可能很明显的东西......

这不起作用......

    $('input[type="radio"][name="rdoQuestionAnswer"][name="rdoQuestionAnswerYes"][name="rdoQuestionAnswerNo"]').live({    
    click: function (e) {
...
           }
        });

这确实......

    $('input[type="radio"][name="rdoQuestionAnswer"]').live({    
    click: function (e) {
...
           }
        });

我不想为每个单选按钮或单选按钮列表创建其中一个......

评论，建议？

提前感谢。

Answer 1

我会为每个单选按钮添加一个类（没有伴随样式），而是选择它：

<input type="radio" class="selectme" name="rdoQuestionAnswer"/>
<input type="radio" class="selectme" name="rdoQuestionAnswerYes"/>
<input type="radio" class="selectme" name="rdoQuestionAnswerNo"/>

jQuery的：

$('input.selectme').live('click', function() {...});
// or, to be modern about it:
$(document).on('click', 'input.selectme', function() {...});

Answer 2

更改您的选择器，以便用逗号分隔：

$('input[type="radio"][name="rdoQuestionAnswer"], input[type="radio"][name="rdoQuestionAnswerYes"], input[type="radio"][name="rdoQuestionAnswerNo"]')

旁注：您确定必须指定type=radio吗？

JQuery Live绑定多个单选按钮或单选按钮列表

2 个答案: