无法更新无线输入

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

您应该使用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>

​

Answer 2

像这样做

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

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

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