如果选择了2个以上的复选框,如何创建组

时间:2013-10-28 08:13:05

标签: javascript jquery checkbox

在我的用于发送短信的应用程序中,我有一个表格可以接受用户名,电子邮件和手机号码。所以当用户按下添加按钮后输入所有字段后,所有信息都显示在然后检查 - 框。

现在我想如果选中多个复选框,那么它应该询问您是要创建组还是发送短信。如果是,那么它将创建一个组。这是显示表单的fiddle

请告诉我如何选中多个复选框。

的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");
    }

  });
});

截图

fiddle screenshot

3 个答案:

答案 0 :(得分:0)

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++;

............

答案 1 :(得分:0)

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

试试这个

我已更新fiddle

答案 2 :(得分:0)

给复选框一个班级 单击任何具有相同类的复选框时调用函数

例如:

$(".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');
       }
    })

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

希望这就是你要找的东西