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)

无法更新无线电输入

2 个答案: