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

时间:2012-04-17 04:37:53

标签: javascript jquery asp.net-mvc-3

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

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

    function CheckBox_Clicked(item) {


        if (item.checked == true) {

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

        }
    }

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

由于

3 个答案:

答案 0 :(得分: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);
}

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

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

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