Jquery:使用公共(public)类和change()获取输入复选框的值

Question

我有一个值表，需要获取行复选框的值。正在发生的事情是:如果我有一个包含 4 行数据的表并选择顶行，则将为表中具有相同类名的每个相应行触发绑定(bind)事件。我只希望它触发一次并返回已更改的行复选框的值(需要选中和未选中的触发器)。如有任何帮助，我们将不胜感激。

请参阅我的 fiddle http://jsfiddle.net/radi8/MgFuu/5/ .

我正在使用以下类(使用 Rob W 和 Richard D 的建议进行修复，谢谢大家!):

 var RequiredField = {
     init: function() {
         // bind a control structure around the PSN selection table
         var psn = $(".psnselect");
         //for (var i = 0, ii = psn.length; i < ii; i++) {
         //    $(psn).change(RequiredField.psnSelect);
         //}
         psn.change(RequiredField.psnSelect);

     },
     psnSelect: function(event) {
         var evtName = event.currentTarget.name;
         var checked = event.currentTarget.checked;
         var val = event.currentTarget.value;
         alert('PSN Selection: ' + evtName);
     }
 };
 RequiredField.init();

Answer 1

删除for循环。 jQuery 自动将事件附加到与选择器匹配的所有元素。psn 已经是一个 jQuery 对象，因此 $ 包装器也可以省略:

psn.change(RequiredField.psnSelect);

修复演示:http://jsfiddle.net/MgFuu/6/

<小时/>如果您想选择 jQuery 集合的第 n 个元素，可以使用以下任一方法:

var n = 0;    // The first element (index 0)
psn.eq(n);    // = jQuery wrapped first element
psn.get(0);   // = DOM element
psn[0];       // = psn.get(0) = DOM element