-1

SMS を送信するために設計された私のアプリには、ユーザー名、電子メール、携帯電話番号を受け入れるフォームがあります。ユーザーが追加ボタンを押したときにすべてのフィールドを入力すると、すべての情報が表示され、チェックボックスが表示されます。

複数のチェックボックスが選択されている場合、グループを作成するか、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");
    }

  });
});

スクリーンショット

フィドルのスクリーンショット

4

3 に答える 3

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

…………

于 2013-10-28T08:20:12.430 に答える
0

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

これを試して

フィドルを更新しました

于 2013-10-28T08:24:13.420 に答える
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');
       }
    })

これはサンプルコードです。まだテストしていません。

これがあなたが探しているものであることを願っています

于 2013-10-28T09:37:45.670 に答える