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