jqueryはチェックボックス選択、反転選択、選択なし(奇数)などの関数コードを実装します_jquery

ページに次のチェック ボックスのセットといくつかの関連ボタン (すべて選択、反転選択、すべて選択解除など) があるとします。

コードをコピー コードは次のとおりです:

Apple
オレンジ
バナナ
ブドウ




関連する関数をそれぞれ実装します。 完全なコードは次のとおりです:

コードをコピーします コードは次のとおりです: $(function(){

$('#btn1').click(function(){//すべて選択

$("[name='fruit']").attr('checked ','true');
} );
$('#btn2').click(function(){//何も選択しません
$("[name='fruit']")。 RemoveAttr('checked');
});
$('#btn3').click(function(){//反転選択
$("[name='fruit']")。 each(function(){
if( $(this).attr('checked')){
$(this).removeAttr('checked');
}else{
$( this).attr('checked','true ');
}
})
});
$("#btn4").click(function(){//すべて選択奇数
$("[name=' フルーツ']:偶数").attr('チェック済み','true')
})
$("#btn5").click(function) (){//選択されたすべてのオプションの値を取得します
var checkVal=''
$("[name='fruit'][checked]").each(function(){ checkVal =$(this).val() ',' ;
})
alert(checkVal)
})
}); jquery を使用する前に、jquery パッケージをインポートする必要があります。