Javascript 更改收音机上的div文本按钮单击

我想把单选按钮值放在status div中。status 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>​

这应该起作用：

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

这应该起作用：

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

---

对代码进行一些小的调整，使其工作正常：

$(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);        
    });
});​

见：

…或者您可以使用techfoobar的以下功能来简化它：

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

---

相反。请参阅：

对代码进行了一些小的调整，使其工作正常：

$(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);        
    });
});​

见：

…或者您可以使用techfoobar的以下功能来简化它：

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

---

相反。请参阅：

您的单引号有问题

更改：

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

致：

---

你的单引号有问题

更改：

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

致：

试试这个代码

$('input[name ^=sex]').click(function() {
        $('#status').text($(this).val());
});

试试这个代码

$('input[name ^=sex]').click(function() {
        $('#status').text($(this).val());
});

只需使用change来确定已选中单选按钮。然后使用html或文本将所选单选按钮的值附加到您的文本中

只需使用change来确定已选中单选按钮。然后使用html或文本将所选单选按钮的值附加到您的文本中

---

您可以通过以下JS代码实现这一点：

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

​

---

​

您可以通过以下JS代码实现这一点：

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

​

​