首页 > 其他 > 详细

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

时间:2018-03-15 22:35:11      阅读:841      评论:0      收藏:0      [点我收藏+]

 

需求:根据一段字符串,将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反显,通常用在修改中

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!