jQuery ラジオボタンやチェックボックスが選択されているか判定

ラジオボタンやチェックボックスが選択されているか否かを判定する方法。単一の項目ならば「$(‘[name=”agree”]’).prop(‘checked’)」で真偽判定できますが、項目が複数ある場合は次のソースのように判定します。

<html>
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
</head>
<body>
<form action="" method="get">
<label><input type="radio" name="answer" value="はい"> はい</label>
<label><input type="radio" name="answer" value="いいえ"> いいえ</label>
<input type="reset" value="リセット"> <input type="submit" value="送信">
</form>
<script>
$('form').on('submit',function(){
if( $('input[name="answer"]:checked').val() === undefined ) {
alert('選択されていません。');
return false;
} else {
alert('選択されています!');
return false;
}
});
</script>
</body>
</html>

ファイル・ロケーション: TIPS

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です