javascript - 在c#中获取多个复选框选中的值

Question

在我的网络表单中，我动态生成多个复选框。因此他们不受控制。我试图使用 Request.Form[name] 获取值，但它不正确

<input type="checkbox" name="Suppresision" value="Suppresision" />Suppresision

现在我有一个添加按钮，它可以动态(使用 Javascript)添加更多类似的复选框。所以在我的表格元素中现在我有

 <input type="checkbox" name="Suppresision" value="Suppresision" />Suppresision
 <input type="checkbox" name="Suppresision" value="Suppresision" />Suppresision
 <input type="checkbox" name="Suppresision" value="Suppresision" />Suppresision

我如何尝试获取所有三个值？我对文本框做了同样的事情，但是当我使用 Request.Form[textbox name] 时，我得到了所有这些值的逗号分隔值。但对于我做的复选框 Request.Form["Suppresision"] 我也只得到一个值 Suppresision 而不是 选中或未选中。即使未检查，如何获取所有三个值

Answer 1

如果您确实需要获取动态添加的所有复选框控件的列表，则可以在提交表单时将它们组装到隐藏输入中。

您需要为添加的每组复选框包含一个隐藏输入，其名称如 name="[checkbox name]_allValues"

<input type="checkbox" name="Suppresision" value="Suppresision1" />Suppresision 1
<input type="checkbox" name="Suppresision" value="Suppresision2" />Suppresision 2 
<input type="checkbox" name="Suppresision" value="Suppresision3"/>Suppresision 3
<input type='hidden' value='' name="Suppresision_allVals">

然后添加此 jQuery 以循环复选框组，您将可以访问服务器上每个复选框的完整值列表。

$(document.forms[0]).submit(function(event){
      $('input[type=checkbox]').each(function( index ) { //loop all checkboxes
          $itm = $( this ); 
          $allVals = $('input[name=' + $itm.attr('name') + '_allVals]').first(); 
          if ($allVals.length) {                              //see if we have a hidden input
              $allVals.val($allVals.val()
                  + ($allVals.val().length > 0 ? ',' : ' ')   //add delemiter
                  + ($itm.is(':checked') ? $itm.val() : '')); //add value
          }
      });
  });

这样，您就可以访问 Request.Form["Suppresision_allVals"] 中的完整列表，其中未选中的框具有空白值，类似于现在的空文本框控件。