给出条件以自动选中复选框

时间:2014-01-07 02:30:54

标签: javascript jquery html checkbox

有没有办法在javascript中这样做,如果我检查一些复选框作为条件,其中一个复选框将被检查。目前这是我的代码逻辑,但它无法工作。

$(document).ready( function a()
{
   if (  $('#condition1' && $('#condition2').is(':checked'))
    {
       $('#checkbox1').attr('checked', true);
    }
});

另外,是否可以在复选框中放置一个类来执行检查功能而不是id?

2 个答案:

答案 0 :(得分:1)

您需要使用change handler

jQuery(function ($) {
    var $checks = $('#condition1, #condition2').change(function () {
        $('#checkbox1').prop('checked', $checks.is(':checked'));
    })
});

演示:Fiddle

答案 1 :(得分:1)

您的脚本在文档就绪时执行。执行后不会对您采取的任何行动做出反应。为了完成您想要的操作,您需要在每次单击复选框时运行该脚本。

$(document).ready( function(){
$('input[type="checkbox"]').click(function(){
    if ( $('#condition1').is(':checked') && $('#condition2').is(':checked')){
       $('#checkbox1').prop('checked', true);
    }else{
       $('#checkbox1').prop('checked', false);
    }
});

});

http://jsfiddle.net/CaZ7j