Question

1つまたは複数のボックスにチェックを入れると "btns"というボタンが表示されます しかし、チェックを外すとチェックが外されると、どのように表示されますか？ まだチェックされています

<input type='checkbox' class='checklist' name='id[]' value='$id' /> 
<input type='checkbox' class='checklist' name='id[]' value='$id' /> 
<input type='checkbox' class='checklist' name='id[]' value='$id' /> 
<input type='checkbox' class='checklist' name='id[]' value='$id' /> 

$(".btns").hide(); 

$(".checklist").click(function() { 
    if($(this).is(":checked")) { 
     $(".btns").show(); 
    } else { 
     $(".btns").hide(); 
    } 
}); 

Answer 1

チェックボックスのチェックができます。長さが0の場合は、要素を非表示にします（表示しない場合）。

$(".checklist").click(function() { 
 
    $('.btns').toggle($(".checklist:checked").length > 0); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type='checkbox' class='checklist' name='id[]' value='$id' /> 
 
<input type='checkbox' class='checklist' name='id[]' value='$id' /> 
 
<input type='checkbox' class='checklist' name='id[]' value='$id' /> 
 
<input type='checkbox' class='checklist' name='id[]' value='$id' /> 
 

 
<p class='btns' hidden>btns</p>

Answer 2

$(".checklist").click(function() { 
var check_count=$(".checklist:checked"); 
if(check_count.length>0){$(".btns").show();} 
else{$(".btns").hide();} 
}); 

チェックリストのチェックのいずれかがとても