首页 > 技术文章 > checkbox选中事件

wxw1314 2016-08-04 10:25 原文

在前端中,往往需要根据后台数据的返回选中多选框。可以根据后台返回的数据转化为数组,然后又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>

得到的效果:

 

推荐阅读