如何顯示使用變量選擇的單選按鈕？

Question

我有一個包含單選按鈕值的變量。 我檢查一些條件，並根據此值選擇單選按鈕。

if(cheque_date == system_date) {
   cheque_value='Current';
}
else {
   cheque_value='PDC';  
}  
cheque_value = $('input[name=cheque_type]:checked').val(); 

單選按鈕：

<label class="radio">
    <input type="radio" name="cheque_type" value="Current" />Current
</label>
<label class="radio">
    <input type="radio" name="cheque_type" value="PDC" />PDC
</label> 

這是正確的嗎？

Answer 1

您可以根據以下值檢查單選按鈕。

 if(cheque_date == system_date) {
     cheque_value='Current';
 }
 else {
     cheque_value='PDC';  
 }  
 $('input[name=cheque_type][value="'+cheque_value+'"]').prop('checked', true);

Answer 2

你能試試下面的代碼嗎？

if(cheque_date == system_date)
    cheque_value = 'Current';
} else {
    cheque_value = 'PDC';
}
$("input[name='cheque_type'][value='"+cheque_value+"']").prop("checked",true);
var inputValue = $("input[name='cheque_type']:checked").val();

希望這可以幫助。

編輯：觸發不解決值問題，我改進了我的答案，你可以在鏈接JSFiddle演示上看到解決方案的演示

Answer 3

您需要對代碼進行一些修改：

1）在您的復選框中添加ID。 在HTML中，id屬性是唯一的，因此選擇具有id的元素比通過類或標簽快得多。

2）在變量中獲取id並在jQuery中使用該運行時變量。

最終代碼：

<label class="radio">
<input type="radio" name="cheque_type" value="Current" value="Current"/>Current</label>
<label class="radio">
<input type="radio" name="cheque_type" value="PDC" value="PDC" />PDC</label>

和jQuery代碼：

var cheque_id = (cheque_date == system_date) ? 'Current' : 'PDC';
cheque_value = $('#'+cheque_type+':checked').val();