これは簡単かもしれません
var puts = $('.a');//get checkboxes
var cans = $('.field');//get content
puts.on('change', function() {//when checkbox changes
if (!puts.filter(':checked').length) {//if nothing's checked
cans.show();//show it all
} else {//if something's checked
cans.hide();//hide all
puts.filter(':checked').each(function() {//get checked
$('.'+this.id+':hidden').show();//show if hidden
});
}
});
フィドルを作った: http://jsfiddle.net/filever10/f8vk2/
壊す
puts
チェックボックスです
cans
コンテンツブロックです
チェックボックスの状態が変更されると、現在チェックされていない場合、すべてが表示されます。何かがチェックされている場合、それはすべてのコンテンツブロックを隠し、に一致するクラスを持っているものを表示します id
チェックボックスの。隠されているものだけを示すため、複数のチェックボックスに適用されるコンテンツブロックで複数回表示する必要はありません。