dsj8000 2016-10-06 05:13
浏览 445
已采纳

如何激活下拉单击复选框[关闭]

I am new in Laravel Framework and new in jquery. enter image description here

i am facing one problem. i want by default all the selectboxes are disabled.It will be active only when click on Checkbox i.e. when user click on skin care checkbox its corresponding select box will active and when user click on Hair checkbox its corresponding select box will active. My html code as below:-

enter code here
<div class="div_img_part-2"> 
    <span class="img_part_class-2"><img src="img/skin-care-bbeauty-tip1.png"></span>
    <span class="text_part_class-2">
    <span class="check-box">
        <input type="checkbox" name="name"/>Skin Care</span>
    </span>
    <select class="selectpicker" >
        <option>Salon</option>
        <option>Mobile beautician</option>      
        <option>Both</option>
    </select>
 </div>

Note:- The above code later on i will implement through Foreach loop. So please provide me jquery code according to Foreach

  • 写回答

3条回答 默认 最新

  • dq804806 2016-10-06 05:30
    关注

    Try this jQuery code. If you are using bootstrap selectpicker then use $('.selectpicker').selectpicker('refresh'); for refresh selectpicker so that take effect of disabled attrinute otherwise remove that line from code. See my fiddle here

    $(document).ready(function () {
                $(".div_img_part-2 .selectpicker").attr("disabled",true);
                $('.selectpicker').selectpicker('refresh');
                    $(".check-box input[type='checkbox']").on("change", function () {
                        if ($(this).prop("checked")) {
                            $(this).parents(".div_img_part-2").find(".selectpicker").removeAttr("disabled");
                            $('.selectpicker').selectpicker('refresh');
                        }else{
                            $(this).parents(".div_img_part-2").find(".selectpicker").attr("disabled",true);
                            $('.selectpicker').selectpicker('refresh');
                        }
                    });
            });
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 如何导出数据库中的表格
  • ¥15 Torch not compiled with CUDA enabled
  • ¥15 三种节点编号优化算法比较
  • ¥15 比特币ord程序wallet_constructor.rs文件支持一次性铸造1000个代币,并将它们分配到40个UTXO上(每个UTXO上分配25个代币),并设置找零地址
  • ¥115 用Java解决探地雷达dzt文件的解析过程
  • ¥20 有关神经网络这道(b)determine the parameters of neural network
  • ¥25 annaconda jvpyter
  • ¥20 来一个会抓包app支付接口的
  • ¥30 vivado2017.4的sdk打不开
  • ¥50 matlab,文献复现