• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • :checked

    匹配所有勾选的元素。

    jQuery(":checked")

    这个:checked选择器适用于复选框和单选框。对于下拉框元素,使用:selected选择器。

    例子

    确定有多少input元素是选中的.

    <!DOCTYPE html>
    <html>
    <head>
      <style>
      div { color:red; }
      </style>
      <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.js"></script>
    </head>
    <body>
     
    <form>
      <p>
        <input type="checkbox" name="newsletter" value="Hourly" checked="checked">
     
        <input type="checkbox" name="newsletter" value="Daily">
        <input type="checkbox" name="newsletter" value="Weekly">
     
        <input type="checkbox" name="newsletter" value="Monthly" checked>
        <input type="checkbox" name="newsletter" value="Yearly">
      </p>
    </form>
    <div></div>
     
    <script>
    var countChecked = function() {
      var n = $( "input:checked" ).length;
      $( "div" ).text( n + (n === 1 ? " is" : " are") + " checked!" );
    };
    countChecked();
     
    $( "input[type=checkbox]" ).on( "click", countChecked );
    </script>
     
    </body>
    </html>
    

    上篇::checkbox

    下篇::selected