首页 > 其他 > 详细

checkbox使用示例

时间:2020-04-09 01:12:29      阅读:81      评论:0      收藏:0      [点我收藏+]

示例1  :下面的代码的含义是::checkbox 选择器选取类型为 checkbox 的 <input> 元素。

$(":checkbox")     

示例2  

//效果是:两个type类型为checkbox的input标签隐藏了,但是type为radio的input元素没有影响,所以说明
 $(":checkbox")
选择的是所有的type为checkbox的input元素
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $(":checkbox").hide();
  });
});
</script>
</head>
<body>
<form action="">
I have a A:
<input type="checkbox" name="vehicle" value="A" />              
<br />
I have a B:
<input type="radio" name="vehicle" value="B" />
<br />
I have an C:
<input type="checkbox" name="vehicle" value="C" />
</form>
<button class="btn1">Hide Checkboxes</button>
</body>
</html>

 

示例3

table列表的第一列是checkbox的复选框的全选的实现

 //全选
 var flag = false;
 function selAll(obj){
     ids=[];
     if(flag){
         $(":checkbox").removeAttr("checked");
         flag=false;
     }else{
         $(":checkbox").attr("checked","checked");
         $("input[name=‘goodId‘]:checked").each(function(){
             if(this.checked){
                 ids.push($(this).val());
             }
         });
         flag=true;
     }
     
 }

table列表的第一列是checkbox的复选框单个选择的实现

 //获取选择的项目
 var ids=[];
 function selIds(obj){
     ids=[];
     $("input[name=‘goodId‘]:checked").each(function(){
         if(this.checked){
             //ids.push("|"+$(this).val()+"|");
             var Variable = $(this).val()
             ids.push($(this).val());
            
         }
     });
 }
 

 

checkbox使用示例

原文:https://www.cnblogs.com/isme-zjh/p/12664049.html

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