檢查與同一類別的兩個複選框中的一個

Question

我剛開始使用語義UI，我有一個愚蠢的問題。 我有兩個類名爲「ui toggle checkbox」的複選框。 加載頁面時，我想根據某些條件檢查這些複選框。

<div class="ui toggle checkbox " id="ssl"> 
      <input type="checkbox" name="SSL" > 
      <label>3</label> 
     </div> 
     <br> 
     <label>Web Service Request Logging : </label> 
     <div class="ui toggle checkbox" id="wsl"> 
      <input type="checkbox" id="Logging" > 
      <label>7</label> 
     </div> 

JavaScript代碼：

$(document).ready(function() { 
    var wsl = Math.floor((Math.random() * 10) + 1); 
    var ssl = Math.floor((Math.random() * 10) + 1); 

    alert(wsl); 
    alert(ssl); 

    if (ssl <3) { 
     $('.ui.toggle.checkbox').checkbox('check'); 
    } 

    if (wsl <7) { 
     $('.ui.toggle.checkbox').checkbox('check'); 
    }  

}); 

的問題是，當數爲5說，它會檢查兩個複選框。如何區分semanti UI中具有相同類的兩個複選框。 任何幫助將不勝感激。

Answer 1

我只想用id屬性和獲得的複選框輸入元素和切換與.attr（）之類的檢查屬性：

$(document).ready(function() { 
    var wsl = Math.floor((Math.random() * 10) + 1); 
    var ssl = Math.floor((Math.random() * 10) + 1); 

    alert(wsl); 
    alert(ssl); 

    if (ssl <3) { 
     $('#ssl input:checkbox').attr('checked', true); 
    } 

    if (wsl <7) { 
     $('#wsl input:checkbox').attr('checked', true); 
    }  

});