Question

我想创建多个复选框，当我选择显示隐藏的div时，它与这个一起工作，但如果我有更多的复选框，如何自动计数？

$(document).ready(function(){

    //Hide div w/id extra
   $("#extra").css("display","none");

    // Add onclick handler to checkbox w/id checkme
   $("#checkme").click(function(){

    // If checked
    if ($("#checkme").is(":checked"))
    {
        //show the hidden div
        $("#extra").show("fast");
    }
    else
    {
        //otherwise, hide it
        $("#extra").hide("fast");
    }
  });

});


<form action="" method="get"> <input name="" type="checkbox" value="" id="checkme"> <span> $1 + </span> </form>
  <div id="extra" style="width:10px; height:10px; background-color:#000;"> 123 </div>

Answer 1

尝试定义<div id="container">并使用

$("#container :checkbox:not(:checked)").size()

Jquery复选框显示隐藏内容？

1 个答案: