1

ラジオボタンの値をステータスdivに入れたい。ユーザーが選択したラジオボタンに応じて、ステータスdivのテキストが変更されます。以下で使用したコードが機能していません。助けてください。ありがとう！

HTMLコード： 

 <form action="">
     <input type="radio" name="sex" value="male">Male<br>
     <input type="radio" name="sex" value="female">Female<br>
     <div id="status"></div>
  </form>​

JSコード：

 $(document).ready(function () {
    RadioStatus="";

    $("input[type='radio']:checked").each( function()
    { 
        if ($(this).attr('checked');)
              RadioStatus=$(this).val();
              $("#status").text(RadioStatus);
        });

    $("input[type='radio']").change(function()  
     {
             RadioStatus= $('input[type='radio']:checked').val()
            $('#status').text(RadioStatus);        
    });
});
4

7 に答える 7

6

これはうまくいくはずです：

$("input[type='radio']").click(function() {
    $('#status').text($(this).val());
});
于 2012-10-23T10:48:32.930 に答える
1

コードを少し調整すると、問題なく動作するようになりました。

$(document).ready(function () {
    RadioStatus="";

    $("input[type='radio']:checked").each( function()
    { 
        if ($(this).attr('checked'))
              RadioStatus=$(this).val();
              $("#status").text(RadioStatus);
        });

    $("input[type='radio']").change(function()  
     {
             RadioStatus= $('input[type="radio"]:checked').val();
            $('#status').text(RadioStatus);        
    });
});​

参照: http://jsfiddle.net/f6Tru/

..または、techfoobar を使用して本当に単純化できます。

$(document).ready(function () {
    $("input[type='radio']").click(function() {
        $('#status').text($(this).val());
    });
});​

代わりは。参照: http://jsfiddle.net/RrhYM/

于 2012-10-23T10:49:51.923 に答える
1

一重引用符に問題があります'

変化する：

RadioStatus= $('input[type='radio']:checked').val()

に：

RadioStatus= $('input[type="radio"]:checked').val()
于 2012-10-23T10:50:32.103 に答える
1

このコードを試してください

$('input[name ^=sex]').click(function() {
        $('#status').text($(this).val());
});
于 2012-10-23T10:50:59.660 に答える
1

changeラジオボタンが選択されていることを確認するために使用します。次に、htmlまたはtextを使用して、選択したラジオ ボタンの値を に追加します<div id="status">。

$(document).ready(function () {
    $('input[type=radio]').on("change", function() {
        $('#status').html($(this).val());
        // Alternative
        // $('#status').text($(this).val());
    });
});​

デモ

于 2012-10-23T10:51:21.390 に答える
1

デモ

$("input:radio").click(function() { //use $("input:radio[name='sex']").click if more radio buttons there
  $('#status').text($(this).val());
});​
于 2012-10-23T10:51:36.603 に答える
0

次の JS コードを使用してそれを実現できます。

$("input").click(function(e){
     var selectedValue = e.currentTarget.value;                 
    $('#status').html(selectedValue );       
});

</p>

</p>

于 2012-10-23T11:03:41.727 に答える