javascript - 如果选择了 2 个以上的复选框，如何创建一个组

Question

在我为发送短信而设计的应用程序中，我有一个表单，它可以接受用户名、电子邮件和手机号码。因此，当用户按下添加按钮输入所有字段后，所有信息都会显示在一个复选框上。

现在我想如果选择了多个复选框，那么它应该询问您是否要创建组或发送 SMS。如果是，那么它将创建一个组。这是显示形式的小提琴。

请告诉我如何检查是否选中了多个复选框。

JavaScript

var val=0;
$(document).ready(function(){

   $('#btn1').click(function() {

   if( $(".span4").val() != "" ) {
       $("#mytable").append('<tr id="mytr'+val+'"></tr>');
       $("#mytr"+val).append("<td class=\"cb\">" +
                                  "<input type=\"checkbox\" value=\"yes\" ></td>");

       $(".span4").each(function() {
           $("#mytr"+val).append("<td >"+$(this).val()+"</tr>");
       });
       val++;

    } else {
         alert("please fill the form completely");
    }

  });
});

截屏

Answer 1

在单击具有相同类的任何复选框时为复选框赋予一个类调用一个函数

例如：

$(".chekboxclass").on('blur',function(){
       var checkedCount = 0;       
       $(".chekboxclass").each(function(){
         if($(this).is(':checked')){

            checkedCount++;
         }

       })    
       if(checkedCount >1){
          alert('do u want to create a group');
       }
    })

这是一个示例代码。我还没有测试过。

希望这就是你正在寻找的

Answer 2

var countChecked = function() {
  return $( "input:checked" ).length;
}

创建组：

$( "input:checked" ).each(function(i,v) {
 $(v).attr('name','chk_group[]');
}

编辑： .. .........

 $("#mytr"+val).append("<td >"+$(this).val()+"</tr>");

              });

             $("#mytr"+val).find('input').change(function() {
                if ($('input:checked').length > 1)
                {
                    $('input:checked').attr('name','group_name[]');
                } else
                {
                  $('input').attr('name','');
                }
            });
          val++;

…………

Answer 3

$("#mytr"+val).append("<td class=\"cb\"><input type=\"checkbox\" value=\"yes\" checked ></td>");

尝试这个

我已经更新了小提琴