选择框checkbox

最新推荐文章于 2024-06-16 18:09:06 发布

aili1947

最新推荐文章于 2024-06-16 18:09:06 发布

阅读量138

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wzzl/p/5390831.html

版权

选择框checkbox

<!DOCTYPE html>
<html>
<head>
  <style>
  a{display:inline-block;}
  </style>
  <script src="http://libs.useso.com/js/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<a data-command="check-true">全选</a>
<a data-command="check-false">反选</a>
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
 <script>
$(function(){
    $('[data-command="check-true"]').click(function(){
        $('input[type="checkbox"]').attr("checked",true)
    });
    $('[data-command="check-false"]').click(function(){
        $('input[type="checkbox"]').each(function(){
            $(this).attr("checked",!$(this).attr("checked"));
        });
    })
});
</script>
</body>
</html>

转载于:https://www.cnblogs.com/wzzl/p/5390831.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aili1947

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
选择框checkbox

选择框checkbox<!DOCTYPE html><html><head> <style> a{display:inline-block;} </style> <script src="http://libs.useso.com/js/jquery/1.7.2/jquery.min...
复制链接

扫一扫