Javascript 禁用选中字段上的字段
我试图在选中复选框时禁用字段集中的2个选择字段。我也尝试过getElementById或getElementsByTagName或.attr之类的方法,但都不起作用 我希望在选中时将disabled添加到fieldset,如下所示:Javascript 禁用选中字段上的字段,javascript,jquery,html,javascript-events,Javascript,Jquery,Html,Javascript Events,我试图在选中复选框时禁用字段集中的2个选择字段。我也尝试过getElementById或getElementsByTagName或.attr之类的方法,但都不起作用 我希望在选中时将disabled添加到fieldset,如下所示: <fieldset id="test" disabled> <div class="col-lg-6"> <?php echo $this->Form->input('frequency_remark
<fieldset id="test" disabled>
<div class="col-lg-6">
<?php echo $this->Form->input('frequency_remarks'); ?>
</div>
<div class="col-lg-6">
<?php echo $this->Form->input('duration_remarks'); ?>
</div>
</fieldset>
建议:
使用“更改”绑定事件,选中的是无效事件
使用prop设置禁用状态
使用复选框的checked属性更改字段集的状态
不能对jQuery对象调用普通Javascript方法,请使用jQuery方法。例如,$'test'上的attr而不是setAttribute
$'CommentFrequencyOk'。关于'change',函数{
$'test'.prop'disabled',this.checked;
};
频率
建议:
使用“更改”绑定事件,选中的是无效事件
使用prop设置禁用状态
使用复选框的checked属性更改字段集的状态
不能对jQuery对象调用普通Javascript方法,请使用jQuery方法。例如,$'test'上的attr而不是setAttribute
$'CommentFrequencyOk'。关于'change',函数{
$'test'.prop'disabled',this.checked;
};
频率
这应该可以做到。现在,您只需插入select字段ID,而无需插入test
$('#CommentFrequencyOk').change(function() {
$('#test').prop('disabled', $(this).prop('checked'));
});
这应该可以做到。现在,您只需插入select字段ID,而无需插入test
$('#CommentFrequencyOk').change(function() {
$('#test').prop('disabled', $(this).prop('checked'));
});
@kovogel能否请您解释一下change和click事件在checkboxchange上的区别、优点和缺点?change仅在实际选中状态发生更改时才会触发。@kovogel能否请您解释一下区别,checkboxchange上的change和click事件的优点和缺点change仅在选中的实际状态更改时触发。
$('#CommentFrequencyOk').change(function() {
$('#test').prop('disabled', $(this).prop('checked'));
});