2016-10-27 198 views
0

我有一個單選按鈕在我的用戶界面中選擇。更改使用jquery的單選按鈕

<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檢查其中一個按鈕。

到目前爲止,我嘗試了不同的方法,我發現在互聯網上,但沒有任何工作正常。

有人可以幫助我這個。謝謝。

+0

包括你已經嘗試的 – guradio

+1

可能的複製[如何檢查與jQuery單選按鈕?( http://stackoverflow.com/questions/5665915/how-to-check-a-radio-button-with-jquery) –

回答

0

化妝用.prop的檢查readio按鈕

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

$(function(){ 
 
    $("#radioItemDeactive").prop('checked', true); 
 
})
<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>

+0

我完全一樣。即使代碼運行時沒有錯誤,單選按鈕仍未被檢查。 – jayz

+0

你是在'document.ready()'函數還是'$(function(){})'中執行這個操作,因爲它應該在組件掛載 –