请我需要一个可以与下面的 HTML 代码一起使用的脚本，以便在选中或取消选中复选框时禁用/启用按钮，
<input type="submit" name="sendNewSms" class="inputButton" id="sendNewSms" value=" Send " />
请朋友们，我不是说选中时禁用按钮，而是相反。
如果选中，如何禁用/启用带有复选框的按钮
IT技术
javascript
html
2021-03-13 19:31:58
6个回答
您可以使用onchange复选框的事件根据checked值启用/禁用按钮
<input type="submit" name="sendNewSms" class="inputButton" id="sendNewSms" value=" Send " />
<input type="checkbox" onchange="document.getElementById('sendNewSms').disabled = !this.checked;" />
HTML
<input type="checkbox" id="checkme"/><input type="submit" name="sendNewSms" class="inputButton" id="sendNewSms" value=" Send " />
JS
var checker = document.getElementById('checkme');
var sendbtn = document.getElementById('sendNewSms');
checker.onchange = function() {
sendbtn.disabled = !!this.checked;
};
您将不得不使用 javascript 或 JQuery 框架来做到这一点。她是一个使用 Jquery 的例子
$('#toggle').click(function () {
//check if checkbox is checked
if ($(this).is(':checked')) {
$('#sendNewSms').removeAttr('disabled'); //enable input
} else {
$('#sendNewSms').attr('disabled', true); //disable input
}
});
演示： http : //jsfiddle.net/T6hvz/
brbcoding 已经能够帮助我进行我需要的适当编码，就是这样
HTML
<input type="checkbox" id="checkme"/>
<input type="submit" name="sendNewSms" class="inputButton" disabled="disabled" id="sendNewSms" value=" Send " />
Javascript
var checker = document.getElementById('checkme');
var sendbtn = document.getElementById('sendNewSms');
// when unchecked or checked, run the function
checker.onchange = function(){
if(this.checked){
sendbtn.disabled = false;
} else {
sendbtn.disabled = true;
}
}
这是禁用和启用提交按钮的干净方法：
<input type="submit" name="sendNewSms" class="inputButton" id="sendNewSms" value=" Send " />
<input type="checkbox" id="disableBtn" />
var submit = document.getElementById('sendNewSms'),
checkbox = document.getElementById('disableBtn'),
disableSubmit = function(e) {
submit.disabled = this.checked
};
checkbox.addEventListener('change', disableSubmit);
这是它的实际操作：http : //jsfiddle.net/sYNj7/
其它你可能感兴趣的问题