无法更新无线电输入

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;

那是“OneWayTrip”或“RoundTrip”所以现在我正在尝试选择相应的单选按钮。

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

但此代码从不选择值为“RoundTrip”的单选按钮。即使变量的值为“RoundTrip”，单选按钮也始终在 OneWayTrip 上被选中

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>