Jquery 选中其他复选框时选中某些复选框

Jquery 选中其他复选框时选中某些复选框,jquery,html,Jquery,Html,我试着选中id为check1和check2的两个复选框,当opt1被选中时,我使用jquery,下面是代码。 jquery是: $(document).ready(function() { $('#opt1').change(function() { if(this.checked) { $('#raw').slideDown(400); $('#check1').changeAttr('checked');

我试着选中id为check1和check2的两个复选框,当opt1被选中时,我使用jquery,下面是代码。 jquery是:

$(document).ready(function() {
    $('#opt1').change(function() {
        if(this.checked) {
            $('#raw').slideDown(400);
            $('#check1').changeAttr('checked');
            $('#check2').prop('checked', true);
        } else {
            $('#raw').slideUp(200)
        }
    });
});
这是我的html代码

<dl>
                                            <dt><input id="opt1" type="checkbox" name="vehicle" value="Raw Material">Raw Material</dt>
                                                <div id="raw" class="option" style="display:none">
                                                </br><dd><input id="check1" type="checkbox" name="lol[]" value="Add Raw Name">Add Raw Name</dd><br/>
                                                <dd><input id="check2" type="checkbox" name="lol[]" value="View Raw Materials">View Raw Materials</dd>
                                                </div>
                                            </dl>

原材料

添加原始名称
查看原材料
您需要将值传递给
prop()
方法以及要设置的属性

$('#check1').prop('checked', true);

您需要将值以及要设置的属性传递给
prop()
方法

$('#check1').prop('checked', true);

您需要将值以及要设置的属性传递给
prop()
方法

$('#check1').prop('checked', true);

您需要将值以及要设置的属性传递给
prop()
方法

$('#check1').prop('checked', true);

如果要在选中第一个复选框时选中其他两个复选框,可以通过以下方式执行:


如果要在选中第一个复选框时选中其他两个复选框,可以通过以下方式进行操作:


如果要在选中第一个复选框时选中其他两个复选框,可以通过以下方式进行操作:


如果要在选中第一个复选框时选中其他两个复选框,可以通过以下方式进行操作:

使用以下代码

$(document).ready(function() {
    $('#opt1').change(function() {
        if(this.checked) {

            $('#raw').slideDown(400);

            //update code
            $('#check1').attr('checked','checked');
            $('#check2').attr('checked','checked');

        } else {
            $('#raw').slideUp(200);

            //if you want to remove check
            //$('#check1').removeAttr('checked');
            //$('#check2').removeAttr('checked');
        }
    });
});
使用以下代码

$(document).ready(function() {
    $('#opt1').change(function() {
        if(this.checked) {

            $('#raw').slideDown(400);

            //update code
            $('#check1').attr('checked','checked');
            $('#check2').attr('checked','checked');

        } else {
            $('#raw').slideUp(200);

            //if you want to remove check
            //$('#check1').removeAttr('checked');
            //$('#check2').removeAttr('checked');
        }
    });
});
使用以下代码

$(document).ready(function() {
    $('#opt1').change(function() {
        if(this.checked) {

            $('#raw').slideDown(400);

            //update code
            $('#check1').attr('checked','checked');
            $('#check2').attr('checked','checked');

        } else {
            $('#raw').slideUp(200);

            //if you want to remove check
            //$('#check1').removeAttr('checked');
            //$('#check2').removeAttr('checked');
        }
    });
});
使用以下代码

$(document).ready(function() {
    $('#opt1').change(function() {
        if(this.checked) {

            $('#raw').slideDown(400);

            //update code
            $('#check1').attr('checked','checked');
            $('#check2').attr('checked','checked');

        } else {
            $('#raw').slideUp(200);

            //if you want to remove check
            //$('#check1').removeAttr('checked');
            //$('#check2').removeAttr('checked');
        }
    });
});



问题是什么,你能用小提琴来解释吗对不起,实际上我上面的代码没有work@ForhadSikder试着把你的代码放到JSFIDLE中,告诉我们什么不起作用什么是
changeAttr
?问题是什么,你能用fiddleops详细解释一下吗,事实上,我上面的代码没有work@ForhadSikder试着把你的代码放到JSFIDLE中,告诉我们什么不起作用什么是
changeAttr
?问题是什么,你能用fiddleops详细解释一下吗,事实上,我上面的代码没有work@ForhadSikder试着把你的代码放到JSFIDLE中,告诉我们什么不起作用什么是
changeAttr
?问题是什么,你能用fiddleops详细解释一下吗,事实上,我上面的代码没有work@ForhadSikder试着把你的代码放到一个JSFIDLE中,告诉我们什么不起作用什么是
changeatr
?好吧,+1但是在
取消选中
它不会取消选中另外2个复选框。你说在选中选项1时要选中这两个复选框。您从未提到取消选中……嗯,+1但在
取消选中
时,它不会取消选中其他2您说过在选中选项1时要选中这两个复选框。您从未提到取消选中……嗯,+1但在
取消选中
时,它不会取消选中其他2您说过在选中选项1时要选中这两个复选框。您从未提到取消选中……嗯,+1但在
取消选中
时,它不会取消选中其他2您说过在选中选项1时要选中这两个复选框。你从来没有提到过取消选中……如果你想在选中
#opt1
复选框时选中
#check1
#check2
,这就是方法。如果您也需要该功能,则取消选中else中复选框的代码就是正确的。你到底想让它做什么?是的,就是这样,但我不明白为什么我的代码不起作用。请用你现有的代码做一个JSFIDLE,并提供给我们。如果我们不知道问题出在哪里,我们就帮不了你。这是jsfiddle链接,我真的很惊讶它在jsfiddle中工作,但在我的代码中不工作很难说,这可能是因为代码中的任何其他内容。但是,在这个线程中,我们无法帮助您,您必须问另一个问题才能获得帮助。如果您想在选中
#opt1
复选框时选中
#check1
#check2
,这就是方法。如果您也需要该功能,则取消选中else中复选框的代码就是正确的。你到底想让它做什么?是的,就是这样,但我不明白为什么我的代码不起作用。请用你现有的代码做一个JSFIDLE,并提供给我们。如果我们不知道问题出在哪里,我们就帮不了你。这是jsfiddle链接,我真的很惊讶它在jsfiddle中工作,但在我的代码中不工作很难说,这可能是因为代码中的任何其他内容。但是,在这个线程中,我们无法帮助您,您必须问另一个问题才能获得帮助。如果您想在选中
#opt1
复选框时选中
#check1
#check2
,这就是方法。如果您也需要该功能,则取消选中else中复选框的代码就是正确的。你到底想让它做什么?是的,就是这样,但我不明白为什么我的代码不起作用。请用你现有的代码做一个JSFIDLE,并提供给我们。如果我们不知道问题出在哪里,我们就帮不了你。这是jsfiddle链接,我真的很惊讶它在jsfiddle中工作,但在我的代码中不工作很难说,这可能是因为代码中的任何其他内容。但是,在这个线程中,我们无法帮助您,您必须问另一个问题才能获得帮助。如果您想在选中
#opt1
复选框时选中
#check1
#check2
,这就是方法。如果您也需要该功能,则取消选中else中复选框的代码就是正确的。你到底想让它做什么?是的,就是这样,但我不明白为什么我的代码不起作用。请用你现有的代码做一个JSFIDLE,并提供给我们。如果我们不知道问题出在哪里,我们就帮不了你。这是jsfiddle链接,我真的很惊讶它在jsfiddle中工作,但在我的代码中不工作很难说,它可能是b