0

私はこのHTMLコードを持っています

<div class="friends_container">
   <div class="friend">
       <input type="checkbox" />    
      ...
   </div>
<div class="friend">
       <input type="checkbox" />    
      ...
   </div>
<div class="friend">
       <input type="checkbox" />    
      ...
   </div>
</div>

すべて選択/すべて選択解除リンク付き

<a id="selectall" href="#" >select all</a>

私はそれを機能させようとしましたが、失敗しました..何か助けはありますか?

JsフィドルHere

4

6 に答える 6

2

リンクをチェックボックスに変更すると、簡単になります

これを試して

<input id="selectall" type="checkbox"  />select all

js

 $('#selectall').click(function(){
    $('.friend').find('input:checkbox').prop('checked',this.checked);
})

ここでフィドル

aリンク付き

$('#selectall').click(function(){
    $('.friend').find('input:checkbox').prop('checked',true);
})

チェックボックスの選択を解除するためのリンクをもう 1 つ作成します

于 2013-09-05T11:20:06.767 に答える
1

チェックする -

$("input[type='checkbox']").prop('checked', true);

チェックを外すには -

$("input[type='checkbox']").prop('checked', false);

アンカーを使用してそれを行う -

$("#selectall").click(function(){
   $("input[type='checkbox']").prop('checked', true);
});

また、選択を解除するためのアンカーがある場合-

<a id="deselectall" href="#" >deselect all</a>

すべてのリスナーの選択解除を追加できます-

$("#deselectall").click(function(){
   $("input[type='checkbox']").prop('checked', false);
});
于 2013-09-05T11:20:38.243 に答える
0 
$('#selectall').click(function(e){
  e.preventDefault();
  $('input[type="checkbox"]').prop('checked',this.checked);
});
于 2013-09-05T11:20:42.963 に答える
0 
//checkall
$('#selectall').on('click', function (e) {
    $('input[type="checkbox"]').prop('checked', true);
    e.preventDefault();
});
//uncheck all
$('#unselectall').on('click', function (e) {
    $('input[type="checkbox"]').prop('checked', false);
    e.preventDefault();
});
于 2013-09-05T11:20:05.397 に答える
0

jqueryのversion 1.6 +使用prop

$("#input[type='checked']").prop('checked',true);

jqueryのversion 1.6 -使用attr

$("#input[type='checked']").attr('checked','checked');

また

$("#input[type='checked']").attr('checked',true);
于 2013-09-05T11:22:19.367 に答える