如果复选框选中该时间,则首先选择选项

时间:2016-06-09 12:15:08

标签: javascript jquery html

如果复选框checked该时间首先选择选项selected,但代码首次使用时。当第二次检查时,它将无法正常工作。

<input type="checkbox" class="ivrs02_yes">
<select class="destination_type_select3">
    <option>slect</option>    
    <option>slect2</option>
    <option>slect3</option>
</select>
$(document).ready(function() {
    $(".ivrs02_yes").click( function(){
        $('.destination_type_select3 option:first-child').attr("selected", "selected");
    });
});

3 个答案:

答案 0 :(得分:0)

试试这种方式..

$(".ivrs02_yes").change(function() {
    if ($(this).is(':checked')) {
       $('.destination_type_select3 option:eq(0)').prop('selected', true);
    }
});

$(document).ready(function() {
  $(".ivrs02_yes").change(function() {
    if ($(this).is(':checked')) {
      $('.destination_type_select3 option:eq(0)').prop('selected', true);
    }
  });

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="ivrs02_yes">
<select class="destination_type_select3">
  <option>slect</option>
  <option>slect2</option>
  <option>slect3</option>
</select>

答案 1 :(得分:0)

$(document).ready(function(){         $(“。ivrs02_yes”)。click(function(){

    if($(".ivrs02_yes").prop('checked') == true)
    {
        $("select").find("option:first").attr("selected", true);
    }
    else
    {
        $("select").find("option:first").removeAttr("selected",true)
    }

    });


});

答案 2 :(得分:0)

试试这个工作正常,

<script>
$(document).ready(function(){


    $(".ivrs02_yes").click( function(){

var b=$(".ivrs02_yes").prop('checked');
if(b){ 

$(".destination_type_select3").prop('selectedIndex',1);
}
    });
});
</script>

谢谢, 阿米特库马尔