「jQuery」checkboxのattr()の使い方

投稿者: | 2017年5月28日

サンプルコード
$(“document”).ready(function(){
$(“#selectAllItem”).click(function(){
$(“[name=’checkbox’]”).attr(“checked”,’true’);//全部選択
})
$(“#btnItemcancel”).click(function(){
$(“[name=’checkbox’]”).removeAttr(“checked”);//選択項目をキャンセル
})
$(“#btnEven”).click(function(){
$(“[name=’checkbox’]:even”).attr(“checked”,’true’);//奇数の項目を選択
})
$(“#btnRevers”).click(function(){
$(“[name=’checkbox’]”).each(function(){//逆選択
if($(this).attr(“checked”)){
$(this).removeAttr(“checked”);
}
else{
$(this).attr(“checked”,’true’);
}
})
})

$(“#btnItemOut”).click(function(){//選択項目の値を出力
var str=””;
$(“[name=’checkbox’][checked]”).each(function(){
str+=$(this).val()+”\r\n”;
//alert($(this).val());
})
alert(str);
})
})