0

このから、jqueryで最新のラジオボタンを選択する方法はユーザーによって選択されました

<form id = "myform">
<h3>Time to work?</h3>
  <p>
    <input type="radio" name="work" value="Hourly" />
    <input type="radio" name="work" value="Daily" />
    <input type="radio" name="work" value="Weekly" />
  </p>
<h3>Your Age?</h3>   
  <p>
    <input type="radio" name="age" value="old" />
    <input type="radio" name="age" value="young" />
    <input type="radio" name="age" value="child" />
  </p>
</form>

私は試した

$('input:checked', '#myform').val();

と

$('input[type='radio']:checked', '#myform').val();

しかし、それは常に最初の質問の唯一の値を選択します！何か助けはありますか？

4

4 に答える 4

1

各ラジオボタンに「クリック」リスナーを追加してみてください。次に、値を変数に格納するだけです。

于 2012-06-30T06:27:49.867 に答える
1

これを試して ：

<script type = "text / javascript">
jQuery（ "input [type = radio]"）。click（function（）{
    alert（jQuery（this）.val（））;
}）;
</ script>
于 2012-06-30T06:29:36.970 に答える
0

コードで構文が強調表示されていることからわかるように、一重引用符と二重引用符で構文エラーが発生します。また、名前属性を使用する必要がありますinput。

$('input[name="age"]:checked').val()

デモ： http： //jsfiddle.net/elclanrs/bHWv7/

于 2012-06-30T06:29:34.027 に答える
0

$('input[name=radioName]:checked', '#myForm').val()選択したラジオボタンの値が表示されます。また$('input[name=myradiobutton]:radio:checked')、正常に動作するはずです。

于 2012-06-30T06:30:01.483 に答える