我希望选中/取消选中一个复选框,并启用/禁用提交按钮。 Javascript触发,不显示错误,但提交输入不会多次切换。
JS:
$('#readTerms').change(function() {
var buttonsChecked = $('#readTerms:checked');
if (buttonsChecked.length)
{
$('#submitBusiness').removeAttr('disabled');
}
else
{
$('#submitBusiness').attr('disabled', 'disabled');
}
});
HTML:
<input type="checkbox" id="readTerms" name="agree"> <label for="agree">By checking the box you agree to the <a href="/terms" target="_blank">Terms & Conditions</a>.</label>
<input id="submitBusiness" class="btn positive iconCheck right" type="submit" name="create" value="Submit" disabled="disabled" />
提交按钮开始已停用。单击复选框并启用,再次单击复选框,不执行任何操作。 if / else语句工作正常。代码触发,它会在萤火虫中等断点等等。
我做错了什么?
答案 0 :(得分:2)
尝试这样的事情:
$('#readTerms').change( function() {
$('#submitBusiness').attr('disabled', !this.checked);
});
答案 1 :(得分:2)
我会尝试这样的事情:
$('#readTerms').click(function() {
var buttonsChecked = this.checked;
if (buttonsChecked == true){
$('#submitBusiness').removeAttr('disabled');
}else{
$('#submitBusiness').attr('disabled', 'disabled');
}
});