如何追加和刪除隱藏字段中的複選框值

我試圖將選定的複選框值附加到隱藏字段。但我現在只增加一個複選框的值才成功。如何追加和刪除隱藏字段中的複選框值

無論如何要在隱藏字段中追加選定的複選框值。

function CheckBox_Clicked(item) { 


     if (item.checked == true) { 

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

     } 
    }

我不知道我是否可以在這裏使用jquery append函數。

感謝

來源

2012-04-17 alice7

請使用以下的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); 
}

來源

2012-04-17 04:47:49

如果用戶取消選擇值，是否還有刪除值？ – alice7 2012-04-17 05:27:30

@ alice7 ..請在複選框的更改事件中調用上述功能。這將爲你工作。 – 2012-04-17 05:31:33

是的，它的工作原理就像魅力一樣！一個愚蠢的問題，它是如何在用戶選擇時取消選定的Chkbox值。 – alice7 2012-04-17 05:43:46

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

來源

2012-04-17 04:44:47 Marc

如果你取消某些價值比你不能使用這種方法從隱藏字段的值將其刪除。 – 2012-04-17 04:59:56

@alok_dida，用戶沒有要求這種能力。我認爲他/她保持點擊複選框的歷史記錄。所以反對票是不需要的。 – Marc 2012-04-17 05:08:23

對不起，我應該問如果用戶取消選擇複選框，並且當您選擇複選框時，上面的行會起作用。 – alice7 2012-04-17 05:24:17

還有就是要做到這一點更簡單的方法。

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

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

來源

2012-04-17 06:09:23 codef0rmer

如何追加和刪除隱藏字段中的複選框值

回答

相關問題