Jquery checked判定 ITかあさん

ITかあさん

Jquery checked判定

form要素のcheckboxがchekedされているかどうかの判定

ちなみに今回はsubmitボタンが押されたときに発動するスクリプト書いていたんでこんな感じに。

is()で取得

$(document).ready(function(){ 

$("form").submit(function () {

if($('#area').children().is(':checked')).children().is(':selected')){
alert("選択されていません。");
$("#area").focus();
return false;
}
else{
return true;
}
});
});

実行結果はこちら

attr()で取得

こちらは、属性を取得するattr()なので、.attr(‘checked’)となっていることに注意してください
$(document).ready(function(){ 

$("form").submit(function () {

if($('#area').children().attr('checked')).children().is(':selected')){
alert("選択されていません。");
$("#area").focus();
return false;
}
else{
return true;
}
});
});

実行結果はこちら

初夏のJavaScript祭 in サーキュレーションビル ForPro