javascript - 字符串替换在 jQuery 中的复选框取消选中事件中不起作用

Question

我在 javascript 替换功能中遇到了麻烦。可能有错误的地方请指出。我有一个包含“一、二、三、四”的值。取消选中复选框后，复选框值将从我的 uniqueList 值中删除。

<input type="checkbox" name="attribute" class="attribute" value="ONE"> ONE
<input type="checkbox" name="attribute" class="attribute" value="TWO"> TWO
<input type="checkbox" name="attribute" class="attribute" value="THREE"> THREE
<input type="checkbox" name="attribute" class="attribute" value="FOUR"> FOUR

Javascript 是；

var uniqueList = "ONE,TWO,THREE,FOUR";
$('.attribute').click(function() {
    var val = (this.checked ? 'checked' : 'unchecked');            
    if(val=='unchecked'){
        uniqueList =  uniqueList.replace($(this).val(),"");                       
    } 
});

alert(uniqueList);  //no uniiqueList value in alert

<强> Demo

Answer 1

由于处理程序位于声明之后，因此并不意味着它也会以相同的方式执行，因为它是一个事件处理程序，并且仅在通过代码或手动触发时才会被调用。因此您需要在代码中触发它。

var uniqueList = "ONE,TWO,THREE,FOUR";
$('.attribute').click(function() {
    var val = (this.checked ? 'checked' : 'unchecked');
    if (val == 'unchecked') {
        uniqueList = uniqueList.replace($(this).val(), "");
    }
}).trigger("click"); // triggering it invokes the handler
alert(uniqueList); // it works now