2016-04-09 11 views
0

私はユーザーが答えるためのアンケートを作成しています。私はジャバスクリプト/ jqueryのに慣れていないよループダイナミックラジオボタンを検証する方法は?

<?php 
    $i4 = 1; 
    while ($rows_element4 = mysql_fetch_array($result_element4)){ 
    ?> 
    <tr> 
    <td><?php echo $i4; ?></td> 
    <td><?php echo $rows_element4['question_bm']; ?><br/><br/><i><?php echo $rows_element4['question_bi']; ?></i></td> 
    <td><input type="radio" name="e4q<?php echo $i4; ?>" id="e4q<?php echo $i4; ?>" value="1" required oninvalid="this.setCustomValidity('Please choose something')"></td> 
    <td><input type="radio" name="e4q<?php echo $i4; ?>" id="e4q<?php echo $i4; ?>" value="2"></td> 
    <td><input type="radio" name="e4q<?php echo $i4; ?>" id="e4q<?php echo $i4; ?>" value="3"></td> 
    <td><input type="radio" name="e4q<?php echo $i4; ?>" id="e4q<?php echo $i4; ?>" value="4"></td> 
    <td><input type="radio" name="e4q<?php echo $i4; ?>" id="e4q<?php echo $i4; ?>" value="5"></td> 
    </tr> 
    <?php 
    $i4++; 
    } 
    ?> 

: は、ループのラジオボタンを使用して、ここに私のコードです。 このフォームのラジオボタンを検証して、すべての質問が空白にならないようにする方法。

+2

jQueryにはドキュメントがある理由があります。 – Rasclatt

+0

代わりにidを使用するクラス。 –

答えて

0

ラジオボタンがチェックされていないかどうかをチェックする単純な関数を作成すると、falseを返すことができます。

function isSubmissionValid(){ 
var isValid = true; 
    if (!$("input[name='e4q']:checked").val()) { 
     isValid = false; 
     } 
return isValid; 
} 

送信ボタンをクリックすると、ラジオボタンが選択されていないかどうかを調べることができます。

$('#submit_button').click(function() { 
    if(isSubmissionValid()) 
    { 
     //go ahead with form submission 
    } 
    else 
    { 
     alert("You must select all answer"); 
    } 
}); 

編集

あなたはe4qですべてのあなたのラジオstartingを選択しますinput[name^='e4q']を使用することができます。

+0

私は 'name'属性がループ内にあるのを見ることができます。 $ i4はe4q1とすることができます。 e4q2、e4q3、e4q4、... e4q10まで。どのように機能にそれを適用するには? – Alieym

+0

@Alieym jquery start with operatorを使用すると、すべてのラジオボタンがe4qで始まります。編集されたansを参照してください。 –

+0

boolのisValid = trueにエラーが表示されます。これはjavascriptですか? – Alieym

関連する問題