如何显示使用变量选择的单选按钮？

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();