zoukankan      html  css  js  c++  java
  • checkbox选中事件

    在前端中,往往需要根据后台数据的返回选中多选框。可以根据后台返回的数据转化为数组,然后又val([数组])进行选中。

    例子:

    html代码:

     1 <!DOCTYPE html>
     2   <html>
     3   <head>
     4   <title>多选框选中状态</title>
     5   <script type="text/javascript" src="jquery.js"></script>
     6   </head>
     7   <body>
     8   <input type="checkbox" name="" value="1" class="checkxh"><label>1</label>
     9   <input type="checkbox" name="" value="2" class="checkxh"><label>1</label>
    10   <input type="checkbox" name="" value="3" class="checkxh"><label>1</label>
    11   <input type="checkbox" name="" value="4" class="checkxh"><label>1</label>
    12   <input type="checkbox" name="" value="5" class="checkxh"><label>1</label>
    13   </body>
    14   </html>

    javascript代码:

    1 <script type="text/javascript">
    2     $('.checkxh').val([1,2,5]);
    3   </script>

    得到的效果:

  • 相关阅读:
    配置管理puppet
    ruby安装
    angularjs 安装篇
    idea 快捷键
    rabbitmq java queue
    spring cloud bus rabbitmq
    rabbitmq 安装篇
    spring cloud eureka
    spring cloud config
    postgre 导入sql文件
  • 原文地址:https://www.cnblogs.com/wxw1314/p/5735668.html
Copyright © 2011-2022 走看看