Javascript jquery if复选框选中add value true
如果选中复选框,那么如何使jquery click函数的状态值设置为“true”,如果未选中,那么如何使jquery click函数的状态值设置为“false” 如果我选中复选框1,则状态1设置为true 如果我选中复选框2,则状态2设置为true 如果我选中复选框3,则状态3设置为trueJavascript jquery if复选框选中add value true,javascript,jquery,Javascript,Jquery,如果选中复选框,那么如何使jquery click函数的状态值设置为“true”,如果未选中,那么如何使jquery click函数的状态值设置为“false” 如果我选中复选框1,则状态1设置为true 如果我选中复选框2,则状态2设置为true 如果我选中复选框3,则状态3设置为true 复选框1 复选框2 复选框3 试试这个: $('input[type="checkbox"]').change(function() { if($(this).prop('checked'))
复选框1
复选框2
复选框3
试试这个:
$('input[type="checkbox"]').change(function() {
if($(this).prop('checked')){
$(this).parent().next().val("true");
}else{
$(this).parent().next().val("false");
}
});
你可以试试这个
<div class="form-group">
<input name="checkBox" type="checkbox" value="1">
<input name="status" type="text" value="">
</div>
<div class="form-group">
<input name="checkBox" type="checkbox" value="2">
<input name="status" type="text" value="">
</div>
<div class="form-group">
<input name="checkBox" type="checkbox" value="3">
<input name="status" type="text" value="">
</div>
$('input[type=“checkbox”]”)。更改(函数(){
if($(this.prop('checked')){$(this.closest('label').next('input[type=“text”]')).val('true');
}否则{
$(this).closest('label').next('input[type=“text”]).val('false');
}
});代码>
复选框1
复选框2
复选框3
由于您的输入在
中,请使用parent().next()
设置值
下面是一个工作示例
$(函数(){
$('.form组输入[type=“checkbox”]')。更改(函数(){
如果($(this).is(“:checked”)){
$(this.parent().next().val('true'))
}否则
$(this.parent().next().val('false');
});
});代码>
复选框1
复选框2
复选框3
您的问题不太清楚,能否澄清一下。还应将JS包含在OPJust绑定一个带有复选框的更改事件中
?@silviazulinka。谢谢但是这个答案缺少
。如果添加了
,此答案将失败。@silviazulinka欢迎兄弟
$('input[type="checkbox"]').change(function() {
if ($(this).is(':checked')) {
$(this).next('input[type="text"]').val('true');
} else {
$(this).next('input[type="text"]').val('false');
}
}).change();