使用Jquery更改单选按钮

时间:2016-10-27 04:20:20

标签: jquery html radio-button

我的UI中有一个单选按钮选择。

<div class="form-group">
    <label for="inputEditActive" class="col-lg-2 control-label"></label>
    <div class="col-lg-1">
        <input type="radio" name="radioItem" id="radioItemActive"/>
    </div>
    <div class="col-lg-1">Active</div>
    <div class="col-lg-1"></div>
    <div class="col-lg-1">
        <input type="radio" name="radioItem" id="radioItemDeactive"/>
    </div>
    <div class="col-lg-1">Deactive</div>
</div>

我想使用jQuery检查其中一个按钮。

到目前为止,我尝试了在互联网上找到的不同方法,但没有任何方法可以正常工作。

有人可以帮我解决这个问题。谢谢。

1 个答案:

答案 0 :(得分:0)

使用.prop检查readio按钮

$("#radioItemDeactive").prop('checked', true);

&#13;
&#13;
$(function(){
  $("#radioItemDeactive").prop('checked', true);
})
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
     <label for="inputEditActive" class="col-lg-2 control-label"></label>
            <div class="col-lg-1">
                 <input type="radio" name="radioItem" id="radioItemActive"/>
            </div>
            <div class="col-lg-1">Active</div>
            <div class="col-lg-1"></div>
            <div class="col-lg-1">
                 <input type="radio" name="radioItem" id="radioItemDeactive"/>
            </div>
            <div class="col-lg-1">Deactive</div>
</div>
&#13;
&#13;
&#13;