0

ユーザーが [すべて選択] ボタン (同じ div 内) をクリックしたときに、div 内にあるすべてのチェックボックスをチェックしようとしています。これを実現するために jQuery を使用したいと考えています。私の HTML コードは次のようになります。

 <div>
     <input type='checkbox' name='select_all' />
     <input type='checkbox' name='check1' />    
     <input type='checkbox' name='check2' />   
     <input type='checkbox' name='check3' />   
 </div>
4

5 に答える 5

2

これがライブの例です

<div>
  <input type='checkbox' name='select_all' />
  <input type='checkbox' name='check1' />    
  <input type='checkbox' name='check2' />   
  <input type='checkbox' name='check3' />   
</div>  ​

$(document).on('change', '[name="select_all"]', function(){
      var $this = $(this); 
      var div = $this.parent();
      var ischecked = $this.prop('checked');
      div.find(':checkbox').not($this).prop('checked', ischecked);

});
于 2012-07-19T14:41:03.703 に答える
0 
$('input[name=select_all]').click(function(){
  $('input[type=checkbox]').attr('checked',true);
});
于 2012-07-19T14:43:00.253 に答える
0

すべてのチェックボックスではなく、1 つの div 内のチェックボックスを選択するために、このようなこともできます。

http://jsfiddle.net/y7RsB/

$("input[name=select_all]").click(function(){
    $(this).parent().find('input:checkbox').prop('checked',$(this).prop("checked") ? true : false);
});​
于 2012-07-19T15:05:00.040 に答える
0

前の回答に追加すると：

$('input[name=select_all]').on('click', function(){

    if($(this).prop('checked')) {
         $('input[type=checkbox]').attr('checked', true);
    }else{
         $('input[type=checkbox]').attr('checked', false);
    }
});
于 2012-07-19T14:51:00.780 に答える