码迷,mamicode.com
首页 > 其他好文 > 详细

20180315_前端_根据一段字符串,将checkbox反显,通常用在修改中

时间:2018-03-15 23:05:54      阅读:352      评论:0      收藏:0      [点我收藏+]

标签:需求   pre   class   一段   blog   前端   nbsp   style   post   

 

需求:根据一段字符串,将checkbox反显,通常用在修改中。

 

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    var tt = "Bike,Airplane";
    var array = tt.split(",");
    $("input[name=‘vehicle‘]").each(function(){ //遍历checkbox
        for(var i=0;i<array.length;i++){
            if($(this).val()==array[i]){ //将checkbox的value与字符数组逐一比较
                 $(this).attr("checked","checked");   
            }
        }
    });
  });
});
</script>
</head>

<body>
<form action="">
I have a bike:
<input type="checkbox" name="vehicle" value="Bike" />
<br />
I have a car:
<input type="checkbox" name="vehicle" value="Car" />
<br />
I have an airplane:
<input type="checkbox" name="vehicle" value="Airplane" />
</form>
<button class="btn1">Hide Checkboxes</button>
</body>
</html>

 

20180315_前端_根据一段字符串,将checkbox反显,通常用在修改中

标签:需求   pre   class   一段   blog   前端   nbsp   style   post   

原文地址:https://www.cnblogs.com/dingzheng/p/8576719.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!