javascript - 如何在隐藏字段中添加和删除复选框值

Question

我正在尝试将选定的复选框值附加到隐藏字段。但我现在只成功地添加了一个复选框值。

无论如何要在隐藏字段中附加选定的复选框值。

    function CheckBox_Clicked(item) {


        if (item.checked == true) {

            $('#Chkboxvalue').val($(item).val());

        }
    }

我不知道我是否可以在这里使用 jquery append 函数。

谢谢

Answer 1

请使用下面的javascript

function CallOnEachCheckBoxChangeEvent(){
     var selectedCheckBoxesValue = '';
        $('#DIVID').find("input:checkbox.CheckBoxClassName:checked").each(function (i, selected) {
                                                        if (selectedCheckBoxesValue.length == 0) {
                                                            selectedCheckBoxesValue += $(selected).val();
                                                        }
                                                        else {
                                                            selectedCheckBoxesValue += ',' + $(selected).val();
                                                        }});

         //Set the value of hiddenField selected checkboxes value 
            $(hiddenFieldValueId).val(selectedCheckBoxesValue);
}

Answer 2

有一种更简单的方法可以做到这一点。

$('input[type="checkbox"]:checked').map(function() {
    return $(this).val();
}).get().join();

演示：http: //jsfiddle.net/codef0rmer/EWsMX/

Answer 3

$('#Chkboxvalue').val($('#Chkboxvalue').val()+' '+$(item).val());