Jquery 选中其他复选框时选中某些复选框
我试着选中id为check1和check2的两个复选框,当opt1被选中时,我使用jquery,下面是代码。 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');
$(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