选中下拉列表中的特定值时，取消选中复选框 [英] Uncheck checkbox when certain values from drop down is chosen

问题描述

当我从下拉列表中选择某个值或用户没有从下拉列表中选择任何值时，我需要取消选中我的复选框。
Im使用Jquery的时刻。
这是现在使用的代码，但它不工作。

脚本

 < script src =js / jquery-1.8.3.js>< / script> 
< script> 
 function sdp4（str）{
 if（
 $（'＃drop1'）。val（）！=''
 || $（'＃drop1'）。val （）==In process
 || $（'＃drop1'）。val（）==KIV）
 
 {$（'＃checkbox1'）。prop 'check'，false）;} 
 else 
 {$（'＃checkbox1'）。prop（'checked'，true）;} 
< / script> 
   
 
 
 
 HTML 
 < select class =form-dropdownid =drop1name =drop1onchange =sdp4> 
< option value => < / option> 
< option value =In Process>正在处理< / option> 
< option value =KIV> KIV< / option> 
< option value =Completed>已完成< / option> 
< / select> 
< input type =checkboxchecked =checkedid =checkbox1name =checkbox1/> 
  
 
 
解决方案
假设您希望复选框当选择完成时：
  $（＃drop1）。on（'change'，function（）{
 var val = $（this）.val（）; 
 if（val ===|| val ===In Process|| val ===KIV）{
 $（'＃checkbox1'）。prop（'checked'，false）; 
 return; 
} 
 $（'＃checkbox1'）。prop（'checked'，true）; 
}）; 
  
和html：
 < select class =form-dropdownid =drop1name =drop1> 
< option value =>< / option> 
< option value =In Process>正在处理< / option> 
< option value =KIV> KIV< / option> 
< option value =Completed>完成< / option> 
< / select> 
< input type =checkboxid =checkbox1name =checkbox1/> 
  
这是一个  FIDDLE   
 
I need to uncheck my checkbox when i choose a certain value from my drop down list or when the user does not select any value from the drop down list.
Im using Jquery at the moment.
This is the code that im using right now but it won't work.

Script 
<script src="js/jquery-1.8.3.js"></script>
<script>
function sdp4(str) {
       if (  
   $('#drop1').val()!= '' 
|| $('#drop1').val()== "In Process"
|| $('#drop1').val()== "KIV" )

{$('#checkbox1').prop('checked', false);} 
else 
{$('#checkbox1').prop('checked', true);}
</script>
HTML
<select class="form-dropdown"  id="drop1" name="drop1" onchange="sdp4">
        <option value=""> </option>
        <option value="In Process"> In Process </option>
        <option value="KIV"> KIV </option>
        <option value="Completed"> Completed </option>
        </select>  
<input type="checkbox" checked="checked" id="checkbox1" name="checkbox1" />

解决方案
Assuming the only time you want the check box checked is when completed is selected:
 $("#drop1").on('change', function () {
    var val = $(this).val();
    if (val === " " || val === "In Process" || val === "KIV") {
        $('#checkbox1').prop('checked', false);
        return;
    }
    $('#checkbox1').prop('checked', true);
});
and html:
<select class="form-dropdown" id="drop1" name="drop1">
    <option value=" "></option>
    <option value="In Process">In Process</option>
    <option value="KIV">KIV</option>
    <option value="Completed">Completed</option>
</select>
<input type="checkbox"  id="checkbox1" name="checkbox1"/>
Here is a FIDDLE

                        
这篇关于选中下拉列表中的特定值时，取消选中复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！