无法更新无线电输入

Question

我有两个单选按钮

<div class="radio">                            
   <input class="i-radio" type="radio" name="rbtnRoundTrip" checked="checked" value="OneWayTrip" />
</div>
<div class="radio">                            
   <input class="i-radio" type="radio" name="rbtnRoundTrip" value="RoundTrip" />
</div>

我的变量上有一个值

Var Tripway;

那是"单

程"或"往返"，所以现在我正在尝试选择相应的单选按钮。

$('#FormSearch input[type="radio"][name="rbtnRoundTrip"][value="' + Tripway + '"]').trigger('click');

但此代码从不选择值为"RoundTrip"的单选按钮。即使变量的值为"往返"，单选按钮也始终在单程旅行中选中

Answer 1

这样做

$('#FormSearch input[type="radio"][name="rbtnRoundTrip"][value="' + Tripway + '"]').prop("checked", true).trigger('click');

考虑到您也想触发点击事件。

如果您使用的是旧的jquery，则用户.attr("checked", "checked")而不是.prop("checked", true)

Answer 2

您应该

使用prop()方法，而不是像下面这样trigger('click')。

var Tripway = "RoundTrip";
$('#FormSearch input[type="radio"][name="rbtnRoundTrip"][value="' + Tripway + '"]').prop('checked', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="FormSearch">
    <div class="radio">
        <input class="i-radio" type="radio" name="rbtnRoundTrip" checked="checked" value="OneWayTrip" />
    </div>
    <div class="radio">
        <input class="i-radio" type="radio" name="rbtnRoundTrip" value="RoundTrip" />
    </div>
</form>