如果检查收音机，如何替换p标签值？

Question

如果检查收音机，我想要替换p标签值。

我写了一些JS来做到这一点，但没有任何改变。 这是我的代码（使用jQuery）

<script> 
$(function(){ 
if ($('#A:checked')) { 
    $("#change_me").html('<input type="radio" value="1" name="fruit">') 
} 

if ($('#B:checked')) { 
    $("#change_me").html('<input type="radio" value="2" name="fruit">') 
} 

} 
</script> 

<input type="radio" name="e" id="A" checked="checked"> 
<input type="radio" name="e" id="B"> 

<p id="change_me"> 
    <input type="radio" value="1" name="fruit"> 
</p> 

感谢。

Answer 1

替换你与following

$(function(){ 
    $('input[name=e]').change(function(){ 
     if($(this).attr('id') == 'A') 
     { 
      $("#change_me input").val('1'); 
     } 
     else 
     { 
      $("#change_me input").val('2'); 
     } 
    }); 
}); 

Answer 2

:checked选择器匹配当前选中的元素。
写作$('#B:checked')返回包含零个或一个元素的jQuery对象。它不能直接用作条件。

相反，您可以检查if ($('#B:checked').length)以查看jQuery对象是否包含任何内容。

Answer 3

首先，如果只有值正在改变，则不需要重新创建单选按钮。

$(function(){ 
if ($('#A:checked').size() > 0) { 
    $("#change_me input[type=radio]").val('1') 
} 

if ($('#B:checked').size() > 0) { 
    $("#change_me input[type=radio]").val('2') 
} 

} 

HTML：

<input type="radio" name="e" id="A" checked="checked"> 
<input type="radio" name="e" id="B"> 

<p id="change_me"> 
    <input type="radio" value="1" name="fruit"> 
</p>