チェックボックスがチェックされていることを確認します。

Question

jsとjqueryを初めて使用しています。現在、私はform.phpにチェックボックスを含むフォームを持っています。ユーザーがサブミットをクリックすると、フォーム変数はform.jsファイルに送信され、各値はNULLであるかどうかがチェックされます。

form.jsファイルは完全に機能しますが、チェックボックスの場合は何も起こらないようです。私はこれが変数を宣言した方法によるものだと感じています。

次は、JSファイルのコードです：

var email = $('#email').val(); 
var website = $('#website').val(); 
var CHECKBOX = $('CHECKBOX').val(); 
... 
... 
if (CHECKBOX.checked == FALSE){ 
    var error = true; 
    $('#notchecked_error').fadeIn(500); 
}else{ 
    $('#notchecked_error').fadeOut(500); 
} 

Answer 1

使用してみてください：

if ($('#CHECKBOX').prop("checked")) 

か：また

if ($('#CHECKBOX').is(":checked")) 

、チェックボックスのためのあなたのセレクタがあることを確認してください正しい。

Answer 2

$('input[type=checkbox]:checked') // If you have multiple checkboxes you can use this and loop through them to get additional info 
$('#checkboxID:checked').length // To get one specific checkbox 

Answer 3

コードに2つの問題があります。最初の1つは、あなたのCHECKBOX割り当てのセレクターが故障していることです。これは、第二の問題は、あなたがのval（）関数からCHECKBOX.checkedを読んでいる、あなたは、チェックボックス自体からそれを読むために必要があるということです

または

var CHECKBOX = $('input[type=checkbox]').val(); 

でなければなりません。

if(CHECKBOX.checked) 

Answer 4

`$('CHECKBOX').val();` 

CHECKBOXのタグ名を持つ要素を見つけると、それは価値の戻りしようとします。おそらくあなたはCHECKBOXのIDでチェックボックスを参照したい：

var CHECKBOX = $('#CHECKBOX'); 

それが確認されていますかどうかを確認するには、次の

if (!CHECKBOX[0].checked) { 
    // CHECKBOX is not checked 
} 

あなたが本当にjQueryのを使用する前に、基本的なJavaScriptを学ぶ必要があります。通常、フォーム提出から検証が開始されます。これにより、フォームへの参照が得られます。フォームのすべての要素をフォームのプロパティとして参照できます。これらのjQueryオブジェクトをすべて作成する必要はありません。例えばあなたの検証機能で次に

<form ... onsubmit="validate(this)"... > 
    <input type="checkbox" name="checkbox"> 
</form> 

：あなたが形成している場合のようなものである

function validate(form) { 
    if (!form.checkbox.checked) { 
    // the checkbox isn't checked 
    } 
} 

ご希望の場合は、動的にリスナーを添付することができます。