Question

我有

<input type="checkbox" id="checkbox_1" name="artist" value="Yes">
<select id="dropdown">
<option value="All" selected="selected">- Any -</option>
<option value="0">No</option>
<option value="1">Yes</option>
</select>

如何在选中复选框时选择选项1，如果未选中复选框，则选择全部选项

Answer 1

$("#checkbox_1").change(function() { 
    $("#dropdown").val(
        $(this).is(":checked") ? 
            "1" : 
            "All"
    );
});

Answer 2

为了清楚起见，我把它分解了一下，但这应该可以解决问题。

$("#checkbox_1").click(function() {
    var checked = $("#checkbox_1").attr("checked");
    var selectVal;
    if (checked)
        selectVal = 1;
    else
        selectVal = "All";
    $("#dropdown").val(selectVal);
});

Answer 3

Working Example (jsfiddle)

$('#checkbox_1').click(function(){
    if ($(this).is(':checked')) {
        $('#dropdown').val(1);
    }
    else {
        $('#dropdown').val('All');
    }
});

Answer 4

像这样的东西

$('#checkbox_1').change(function() {
    if($(this).is(':checked')) {
        $('#dropdown').val('1');
    } else {
        $('#dropdown').val('All');
    }
});

是（'：checked'）只是检查复选框是否被检查的众多方法之一。

Answer 5

 if ( $('#checkbox_1').is(':checked')){
        $('#dropdown').val('1');
 }else{
     $('#dropdown').val('All');
 }

编辑：这不是“实时”功能。其他成员已经为

提供了代码

jquery控制一个复选框的下拉列表

5 个答案: