在复选框值上切换show hide div

Question

熙，

我试图根据其父复选框值切换多个div。

它似乎无法奏效。可能是菜鸟的错误！你能救我一下吗？

HTML：

<li><input class="yourCheckbox" type="checkbox" value="1" /><label>Type zaak</label></li>
    <div id="1" style="display:none;">          
        <label class="marginleft20" for="invTypeRegeling">Type zaak<strong> *</strong></label>          
        <select multiple="multiple">
            <option>Bezwaar</option>
            <option>Beroep</option>
            <option>Administratief beroep</option>
            <option>Proforma beroep</option>
            <option>Proforma hoger beroep</option>
            <option>Hoger beroep-dept. verweerder</option>
            <option>Hoger beroep-dept. appelland </option>
            <option>Voorlopige voorziening</option>
            <option>Rechtstreeks beroep</option>
        </select>
    </div>

使用Javascript：

$(document).ready(function(){
   $(".yourCheckbox").click(function(){
       $("#"+$(this).val()).toggle();
   });
]);

http://jsfiddle.net/Sentah/o1mjxfm6/

Answer 1

一些事情：

1. 你的小提琴不包括jQuery
2. 函数的sytax以]而不是}
结尾
3. 您对复选框的绑定应为.change()，而不是.click()

https://jsfiddle.net/o1mjxfm6/18/