jQueryのドロップダウンリストに動的checboxを接続する方法

-1

チェックボックスをクリックすると、リスト/ドロップダウンリストの選択と逆のチェックボックスがオンになります。選択リストで選択し、チェックボックスがオンになっています。時刻選択では1つのみ選択されています。jQueryのドロップダウンリストに動的checboxを接続する方法

<html> 
<head> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
</head> 
<body> 
    <form> 
    <h3>Select color</h3> 
    <div id="checkboxes"> 
     <label for="red"> 
     <input type="checkbox" id="red" value="0" onclick="selColor(0);" >red</label> 
     <label for="blue"> 
     <input type="checkbox" id="blue" value="1" onclick="selColor(1);" checked>blue</label> 
     <label for="green"> 
     <input type="checkbox" id="green" value="2" onclick="selColor(2);" />green</label> 
    </div> 
    <div> 
    <select name="selectColorList" id="selectList" onchange="selectChanged()"> 
    <option value="0">red</option> 
    <option value="1" selected>blue</option> 
    <option value="2">green</option> 
    </select> 
    </div> 
    </form> 
    <script> 
     $(document).ready(function(){ 
      $("#checkboxes"). 

     }); 
    </script> 
</body> 
</html>

上記のヘルプがありますか？

出典

2017-09-12 Weider

コードを入力してください。あなたは何をしていますか？スイング？ JavaFX？ GWT？ ...？ – Stultuske

いいえ、本当に...コードを表示してください。 JQueryにある場合、JQueryはJavaではないことを理解してください。JavaScriptフレームワークです。 – Stultuske

誰かからの助け？ – Weider

の作業コード：

$("input[name='checkbox']").change(function() { 
 
    $("input[name='checkbox']").prop('checked', false); 
 
    $("#selectList").val(this.value); 
 
    $(this).prop('checked', true); 
 
}); 
 
$("#selectList").change(function() { 
 
    $("input[name='checkbox']").prop('checked', false); 
 
    $("#s" + this.value).prop("checked", true); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h3>Select color - in jQuery</h3> 
 
<div id="checkboxes"> 
 
    <label for="red"> 
 
\t \t \t \t <input type="checkbox" name="checkbox" id="s0" value="0">RED</label> 
 
    <label for="blue"> 
 
\t \t \t \t <input type="checkbox" name="checkbox" id="s1" value="1" checked>BLUE</label> 
 
    <label for="green"> 
 
\t \t \t \t <input type="checkbox" name="checkbox" id="s2" value="2"/>GREEN</label> 
 
</div> 
 
</br> 
 
<div> 
 
    <select name="selectColorList" id="selectList"> 
 
\t \t \t <option value="0" >RED</option> 
 
\t \t \t <option value="1" selected>BLUE</option> 
 
\t \t \t <option value="2" >GREEN</option> 
 
\t \t \t </select> 
 
</div>

多分これは、同様に、誰かを助けます。

出典

2017-10-11 18:50:44 Weider

jQueryのドロップダウンリストに動的checboxを接続する方法

答えて

関連する問題