0

ユーザーは、時間の最初と2番目の選択肢を選択できる必要があります。私はラジオボタンを使用しています...しかし、もっと良いものがあれば、入力していただければ幸いです。

彼らが最初の選択肢を選択したときに「あなたはあなたの最初の選択肢を選択しました」と言うページ上のメッセージが欲しいです...そして彼らが彼らの2番目の選択肢を選択したときに「あなたはあなたの2番目の選択肢を選択しました」。

はい、これは単純に思えます...私はjqueryを初めて使用します...

助けてくれてありがとう！

HTML：

<table class="tblWorkshop">
<tr>
<td>DAY ONE</td>
</tr>
<th>Morning Workshops</th>
<th></th>
<th></th>
<th></th>
<th>Afternoon Workshops</th>
<th></th>
<th></th>
<tr>
<td>9:00 am</td><td><input type="radio" name="choice"  class="firstChoice" value="0"  />First Choice</td><td><input type="radio" name="choice"  class="secondChoice" value="1" />Second Choice</td><td class="spotsLeft"></td>
<td>12:00 pm</td><td><input type="radio" name="choice"  class="firstChoice"  />First Choice</td><td><input type="radio" name="choice"  class="secondChoice" />Second Choice</td><td class="spotsLeft"></td>
</tr>
<tr>
<td>10:30 am</td><td><input type="radio" name="firstChoice" value="0" class="firstChoice"  />First Choice</td><td><input type="radio" name="SecondChoice" value="1" class="secondChoice" />Second Choice</td><td class="spotsLeft"></td>
<td>12:30 pm</td><td><input type="radio" name="firstChoice" value="0" class="firstChoice"  />First Choice</td><td><input type="radio" name="SecondChoice" value="1" class="secondChoice" />Second Choice</td><td class="spotsLeft"></td>
</tr>
<tr>
<td>11:00 am</td><td><input type="radio" name="firstChoice" value="0" class="firstChoice"  />First Choice</td><td><input type="radio" name="SecondChoice" value="1" class="secondChoice" />Second Choice</td><td class="spotsLeft"></td>
<td>1:00 pm</td><td><input type="radio" name="firstChoice" value="0" class="firstChoice"  />First Choice</td><td><input type="radio" name="SecondChoice" value="1" class="secondChoice" />Second Choice</td><td class="spotsLeft"></td>
</tr>
<tr>
<td>11:30 am</td><td><input type="radio" name="firstChoice" value="0" class="firstChoice"  />First Choice</td><td><input type="radio" name="SecondChoice" value="1" class="secondChoice" />Second Choice</td><td class="spotsLeft"></td>
<td>2:30 pm</td><td><input type="radio" name="firstChoice" value="0" class="firstChoice"  />First Choice</td><td><input type="radio" name="SecondChoice" value="1" class="secondChoice" />Second Choice</td><td class="spotsLeft"></td>
</tr>
<tr>
<td>11:45 am</td><td><input type="radio" name="firstChoice" value="0" class="firstChoice"  />First Choice</td><td><input type="radio" name="SecondChoice" value="1" class="secondChoice" />Second Choice</td><td class="spotsLeft"></td>
<td>3:45 pm</td><td><input type="radio" name="firstChoice" value="0" class="firstChoice"  />First Choice</td><td><input type="radio" name="SecondChoice" value="1" class="secondChoice" />Second Choice</td><td class="spotsLeft"></td>
</tr>
</table>

脚本：

<script type="text/javascript">
var selected =$('input[name=choice]:checked', '.tblWorkshop').val()

        if (selected == $('input[value=1]:checked', '.tblWorkshop').val()) {

            alert('First choice selected');

        }

        else if (selected == $('input[value=0]:checked', '.tblWorkshop').val()){
            alert('Second choice selected');
        }

});

</script>
4

1 に答える 1

0

複数の選択肢がある選択ボックスを使用できます。ここの JQuery api ページにも例があります: val API ページ

于 2012-10-10T17:48:20.017 に答える