javascript - 如果选中，则创建复选框 ID 字符串

Question

我有一个包含一系列单选按钮和复选框的表单，用于在将用户发送到支付网关之前计算成本。

输入没有什么异常，只是我使用了关联价格的“值(value)”属性，因为当任何输入发生更改时，都会编辑表格以显示所选选项、其关联价格以及总计。

<input type="checkbox" id="cb1" value="100" name="cb1">
<input type="checkbox" id="cb2" value="200" name="cb2">
<input type="radio" id="rd1" value="500" name="rdo">
<input type="radio" id="rd2" value="500" name="rdo">

我有点愚蠢，没有提前考虑在提交时如何实际处理完成的表单以确定用户选择的内容。

发送最终总数是可以的，因为它存储在只读输入中。但是，我还需要将已选择的复选框以及选择的 radio 保存到数据库。

这些复选框是可管理的，因为如果选中它们，它们仅在 $_POST 中具有值，因此我可以循环遍历所有复选框，并且只保留值不为空的复选框。

对于如何处理单选按钮有什么想法吗？如果可能的话，重写表单是现阶段的最后手段。

Answer 1

这里是jquery的解决方案

您要做的就是向那些您必须列出的单选按钮或复选框添加一个类名(如果它们被选中)，这个类名将帮助您使用单个函数来操作它们请c以下代码并进行相应修改，希望这对您有帮助

     <input class="somename" type="checkbox" id="cb1" value="100" name="cb1" >
     <input class="somename" type="checkbox" id="cb2" value="200" name="cb2">
     <input class="somename" type="radio" id="rd1" value="500" name="rdo">
     <input class="somename" type="radio" id="rd2" value="500" name="rdo">
     <input type="button" id="finalClick" > // something like your submit button

Jquery

    $('#finalClick').bind("click",function(e){
       var list="";
       $(".somename").each(function(e){
           if($(this).is(':checked'))
           list = list + $(this).attr('id')+"  ";
       });
     alert(list); // You can save this in some hidden field so that you can use it in your code
   });

fiddle

http://jsfiddle.net/AmarnathRShenoy/zydS8/