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

我试图将选定的复选框值附加到隐藏字段。但我现在只增加一个复选框的值才成功。如何追加和删除隐藏字段中的复选框值

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

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

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

回答

相关问题