Javascript 通过单击按钮从“单击”复选框触发功能
我有两个复选框和一个按钮。当我点击复选框-功能被触发。这是所需的行为,但我想通过单击按钮触发它。我希望能够首先选择复选框(我尝试了return false和event.preventDefault,但它们完全关闭了选择),然后单击复选框中的按钮-触发函数。以下是指向JSFIDLE的链接: 例如:我可以选择3个复选框(不应该发生任何事情),然后单击按钮-应该会出现三个警报 守则: HTML:Javascript 通过单击按钮从“单击”复选框触发功能,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,我有两个复选框和一个按钮。当我点击复选框-功能被触发。这是所需的行为,但我想通过单击按钮触发它。我希望能够首先选择复选框(我尝试了return false和event.preventDefault,但它们完全关闭了选择),然后单击复选框中的按钮-触发函数。以下是指向JSFIDLE的链接: 例如:我可以选择3个复选框(不应该发生任何事情),然后单击按钮-应该会出现三个警报 守则: HTML: 如果要在用户选中复选框时执行某些操作,请添加事件侦听器: $('input[type="checkbox
如果要在用户选中复选框时执行某些操作,请添加事件侦听器:
$('input[type="checkbox"]').click(function() {
if ($(this).is(':checked')) {
// do something
}
});
如果idea在点击按钮检查输入后运行两个功能:
function myFunction() {
if ($('input[id="something"]:checked').length == 0) {
// do something
} else if ($('input[id="something_2"]:checked').length == 0) {
// do something
}
//and so on..
}
$('#val-button').click(function() {
myFunction();
});
对他的问题有几种解释。如果我读对了,他想将任意函数绑定到复选框。单击按钮应触发此事件。这就是如何在jQuery中使用自定义事件实现的:
$(function () {
$("input[name='check[]']").bind("myCustomButtonClick", function() {
if(this.checked) {
alert('a');
}
});
})
$(document).on('click','#val-button', function(){
$("input[name='check[]']").trigger("myCustomButtonClick");
});
以及相关的JSFIDLE:
$('input[type="checkbox"]').click(function() {
if ($(this).is(':checked')) {
// do something
}
});
function myFunction() {
if ($('input[id="something"]:checked').length == 0) {
// do something
} else if ($('input[id="something_2"]:checked').length == 0) {
// do something
}
//and so on..
}
$('#val-button').click(function() {
myFunction();
});
$(function () {
$("input[name='check[]']").bind("myCustomButtonClick", function() {
if(this.checked) {
alert('a');
}
});
})
$(document).on('click','#val-button', function(){
$("input[name='check[]']").trigger("myCustomButtonClick");
});