如果檢查收音機，如何替換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>