javascript - 处理一个 JQuery 元素数组以与复选框交互

Question

我基本上想要做的是构建一个 JQuery 元素数组以便与复选框交互，元素是 $(.arms) 和 $(.neck)

Javascript：

var elements = new Array ($('.arms'),$('.neck'));

for (var i=0; i < elements.length; i++) {

elements[i].change = function() {

elements[i].not(this).prop('disabled',this.checked);

});

}

HTML：

<input type="checkbox" id="15000" class="arms"/>$50<br/>
<input type="checkbox" id="9400" class="arms"/>$60<br/>
<input type="checkbox" id="9500" class="neck"/>$70<br/>
<input type="checkbox" id="9600" class="neck"/>$80<br/>

这是小提琴

这是应该做的，但仅适用于 1 个元素：一个元素小提琴

我想我已经很接近了，但有些东西不起作用。

Answer 1

LIVE DEMO

$('.arms, .neck').change(function(){
    var myClass = $(this).attr('class'); 
    $('.'+myClass).not(this).prop('disabled', this.checked); 
});

Answer 2

$(".arms, .neck").on("change", function() {

    $(".arms, .neck").not(this).prop('disabled',this.checked);
});

一起做类，jQuery 处理数组。