javascript - 检查复选框是否被选中添加值如果未选中则删除值

Question

我有复选框 html。

<label><input type="checkbox"><span>Air Conditioning</span></label>
<label><input type="checkbox"><span>Cable TV Service</span></label>
<label><input type="checkbox"><span>Private Bathroom</span></label>

我需要为每个复选框设置单独的值，这样我就可以从所有复选框中获取这些值并将其存储在变量中。例如

<label><input type="checkbox" data="1"><span>Air Conditioning</span></label>
<label><input type="checkbox" data="2"><span>Cable TV Service</span></label>
<label><input type="checkbox" data="3"><span>Private Bathroom</span></label>

因此，如果选择了所有 3 个，我将需要我的变量作为

room_features = '1-2-3';

如果任何一个被取消选中，变量将被更新为

room_features = '2-3';

所以在复选框上的每一个变化，变量都应该被更新。我很困惑，如果添加 data="1"等是否适合复选框？当有单双引号时，我通常会使用 anchor 。

Answer 1

Live Demo

您应该在每个复选框中使用值。例如:

HTML:

<input type="checkbox" value="1" checked />
<input type="checkbox" value="2" checked />
<input type="checkbox" value="3" />

JQuery:

var searchIDs = $("input:checkbox:checked").map(function(){
        return this.value;
    }).toArray();