美文网首页
全选示例

全选示例

作者: 一句话儿 | 来源:发表于2019-04-04 00:54 被阅读0次

通过属性选择器匹配多选框元素,通过each方法获取每个元素的值,放入id数组中

<html>

<head>

<meta charset='utf-8'>

<!-- 新 Bootstrap 核心 CSS 文件 -->

<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>

<body>

    <p>If you click on me, I will disappear.</p>

    <ul>

      <li><input type="checkbox" class="selectId" value="1"></li>

      <li><input type="checkbox" class="selectId" value="2"></li>

      <li><input type="checkbox" class="selectId" value="3"></li>

      <li><input type="checkbox" class="selectId" value="4"></li>

      <li><input type="checkbox" class="selectId" value="5"></li>

      <li><input type="checkbox" class="selectId" value="6"></li>

    </ul>

</body>

<script type="text/javascript">

  $(function(){

    var ids = [];

    $("[class='selectId']").each(function(){

      ids.push($(this).val());

      $(this).attr('checked', 'checked');

    });

  })

</script>

</html> 

相关文章

  • 全选示例

    通过属性选择器匹配多选框元素,通过each方法获取每个元素的值,放入id数组中