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

How to append and remove checkbox values to and from hidden field

本文关键字:删除 复选框 追加 隐藏 字段      更新时间:2023-09-26

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

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

    function CheckBox_Clicked(item) {

        if (item.checked == true) {
            $('#Chkboxvalue').val($(item).val());
        }
    }

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

谢谢

请使用下面的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);
}
$('#Chkboxvalue').val($('#Chkboxvalue').val()+' '+$(item).val());

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

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

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