javascript - 通过单击按钮从单击复选框触发功能

Question

我有几个复选框和一个按钮。当我单击复选框时 - 功能被触发。这是所需的行为，但我想通过单击按钮来触发它。我希望能够首先选择复选框(我尝试使用 return false 和 event.preventDefault 但这些完全关闭选择)，然后通过单击按钮 - 触发复选框中的功能。这是 jsfiddle 的链接:

http://jsfiddle.net/j93k2xns/6/

例如:我可以选择 3 个复选框(什么都不会发生)，单击按钮后 - 应该出现三个警报。

代码:

HTML:

<input type="checkbox" name='check[]' id="first">first</input>
<input type="checkbox" name='check[]'>second</input>
<input type="checkbox" name='check[]'>third</input>
<input type="checkbox" name='check[]'>fourth</input>

<input type="button" value="validate" id="val-button">

JS:

var check_state;

$(document).on('click','input[name="check[]"]', function(e){
    if(check_state === true) {
        alert('a');
    } else {
         return false;   
    }

});
$(document).on('click','#val-button', function(){
   check_state = true; 
});

Answer 1

对他的问题有几种解释。如果我没看错的话，他想将任意函数绑定(bind)到复选框。单击该按钮应触发此事件。这是使用 jQuery 中的自定义事件实现这一目标的方法:

$(function () {
    $("input[name='check[]']").bind("myCustomButtonClick", function() { 
        if(this.checked) {
            alert('a');
        }
    });
})

$(document).on('click','#val-button', function(){
   $("input[name='check[]']").trigger("myCustomButtonClick");
});

以及关联的jsfiddle:http://jsfiddle.net/3yf7ymos/