同じクラスの2つのチェックボックスのいずれかをチェックしてください

Question

私は意味UIを使い始めました。私は愚かな質問をしています。 クラス名に「uiトグルチェックボックス」という2つのチェックボックスがあります。 ページが読み込まれると、いくつかの条件に基づいてこれらのチェックボックスをチェックします。

<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のコード：数は5で、それが両方のチェックボックスをチェックすると言うとき

$(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'); 
    }  

}); 

問題が、あります。セマンティUIで同じクラスの2つのチェックボックスを区別する方法。 助けていただければ幸いです。

Answer 1

私は、id属性を使用すると、チェックボックスの入力要素を取得し、.ATTRとのchecked属性を（切り替え）のようになります。

$(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); 
    }  

});