代码之家 › 专栏 › 技术社区 › Gntem

输入上的禁用属性使其“忘记”onclick事件

jquery-events events jquery html javascript

-1

Gntem · 技术社区 · 10 年前

我有这个JS/HTML

<div>
    Are you sure ? <input type="checkbox" id="Confirm" onClick="doCheck();"/>
</div>

<input value="3" id="SubmitT" type="button" onClick="MainFunction(34);" disabled>

#编辑:打字错误代码

function doCheck(){
    $("#SubmitT").prop('disabled',$("#Confirm").is(":checked"));
}

我希望它做的是设置/取消设置禁用属性和 MainFunction(34) 是否基于残疾人的存在而开火。它所做的是,当我切换复选框输入时,它会忘记绑定到onclick的事件,不断抛出错误 MainFunction 未知。

jQuery的版本为1.11.1

3 回复 | 直到 4 年前

Pranav C Balan Ansh Takalkar 10 年前

由于您被标记为jQuery,因此最好使用 change() jQuery中的事件处理程序

$('#Confirm').change(function() {
  $("#SubmitT").prop('disabled', !this.checked);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>
  Are you sure ?
  <input type="checkbox" id="Confirm"/>
</div>

<input value="3" id="SubmitT" type="button" onClick="MainFunction(34);" disabled>

Andrew Mairose 10 年前

您显示的代码工作正常。

你确定你的 MainFunction ? 只需使用代码并添加 主功能 这很简单 alert s输入工作得很好,没有抛出任何错误,如下面的代码段所示。

此外,当“确定吗?”复选框是否选中?为此,我已将其更改为 !$("#Confirm").is(":checked") .

function doCheck() {
  $("#SubmitT").prop('disabled', !$("#Confirm").is(":checked"));
}

function MainFunction(input) {
  alert(input);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  Are you sure ?
  <input type="checkbox" id="Confirm" onClick="doCheck();" />
</div>

<input value="3" id="SubmitT" type="button" onClick="MainFunction(34);" disabled>

Ol' Reliable 10 年前

尝试这样做:

document.getElementById('SubmitT').disabled = true;

因此,就像您通过js..(在页面加载时执行该命令)将其设置为禁用,并使用 MainFunction() 控制禁用的属性。

推荐文章

Saubhik Mandal · Javascript自定义事件从返回false的函数激发

8 年前

JLR · 当输入字段有值时,从“提交”按钮中动态删除禁用的值

8 年前

Marco · 在ajaxStop之前执行的表单提交处理程序

9 年前

Giox · 使用appendTo()时,单击事件不绑定到动态元素

9 年前

Nicolas Frbezar · Javascript事件侦听器问题

10 年前

Katrina · 对未定义事件使用off()时,jQuery会抛出错误吗?

10 年前

thesowismine · 从下拉列表中选择选项时,JS未按预期工作

10 年前

Micaiah Wallace · 未触发更改时的jQuery文件输入

10 年前

radbyx Matt · 数据表。如何停止搜索。dt事件从事件处理程序内部触发

10 年前

Jos · JQuery移动页面containertransition事件未按预期工作

10 年前