jquery 对checkbox的操作

最新推荐文章于 2024-05-07 16:45:26 发布
最新推荐文章于 2024-05-07 16:45:26 发布
阅读量580 收藏
点赞数
分类专栏： jquery 文章标签： jquery input function button javascript html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>New Document</TITLE>
<SCRIPT language=JavaScript src="jquery.js"></SCRIPT>
<SCRIPT language=JavaScript>
   $("document").ready(function(){
   
    $("#btn1").click(function(){
    
    $("[name='checkbox']").attr("checked",'true');//全选
 
    })
       $("#btn2").click(function(){
    
    $("[name='checkbox']").removeAttr("checked");//取消全选
 
    })
    $("#btn3").click(function(){
    
    $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
 
    })
    $("#btn4").click(function(){
    
    $("[name='checkbox']").each(function(){
    
  
     if($(this).attr("checked"))
   {
    $(this).removeAttr("checked");
   
   }
   else
   {
    $(this).attr("checked",'true');
   
   }
  
    })
 
    })
     $("#btn5").click(function(){
    var str="";
    $("[name='checkbox'][checked]").each(function(){
     str+=$(this).val()+"/r/n";
   //alert($(this).val());
    })
   alert(str);
    })
   })
</SCRIPT>
<META content="MSHTML 6.00.2900.3492" name=GENERATOR></HEAD>
<BODY>
<FORM name=form1 action="" method=post>
<INPUT id=btn1 type=button value=全选>
<INPUT id=btn2 type=button value=取消全选>
<INPUT id=btn3 type=button value=选中所有奇数>
<INPUT id=btn4 type=button value=反选>
<INPUT id=btn5 type=button value=获得选中的所有值>
<BR>
<INPUT type=checkbox value=checkbox1 name=checkbox> checkbox1
<INPUT type=checkbox value=checkbox2 name=checkbox> checkbox2
<INPUT type=checkbox value=checkbox3 name=checkbox> checkbox3
<INPUT type=checkbox value=checkbox4 name=checkbox> checkbox4
<INPUT type=checkbox value=checkbox5 name=checkbox> checkbox5
<INPUT type=checkbox value=checkbox6 name=checkbox> checkbox6
<INPUT type=checkbox value=checkbox7 name=checkbox> checkbox7
<INPUT type=checkbox value=checkbox8 name=checkbox> checkbox8
</FORM>
</BODY>

</HTML>

adagadadfafd
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery对checkbox操作 （循环获取）
10-28
下面是Jquery对checkbox的一些操作，全选，反选，取消全选等等.
关于<input type="checkbox" />取值的方法
上海刚子的专栏
09-24 5315
现在很多地方都用得到 用于用户体验 对于怎么取这个后面的具体值 如： 姓名    我要取这个姓名怎么取呢？ 开始都会说给他一个id  不就很快能取到了 。这是可以，但是有多个呢，是不是也要写多个id重复写多次呢？这里我有个简单的实例：                                    姓名                     性别            
jQuery操作<input type="checkbox">
热门推荐
永无止境
03-07 1万+
:           2012欧洲杯"死亡之组"小组出线的国家队是：br> inputtype="checkbox"name="nation"value="Germany">德国 inputtype="checkbox"name="nation"value="Denmark">丹麦 inputtype="checkbox"name="
jquery 对checkbox操作
saiwu123的博客
01-16 289
1.获取所有name='notify'的选中的checkbox的值 var notifyAry =[]; var textAry=[]; $("input:checkbox[name='"+notify+"']:checked").each(function(){        var me=$(this);        notifyAry.push(me.val());
JQuery对checkbox操作
maxiaokun55的专栏
08-28 416
无标题页      jQuery(function($){  //全选  $("#btn1").click(function(){  $("input[name='checkbox']").attr("checked","true");  })  //取消全选  $("#btn2").click(function(){  $("input[name='checkbox']").
jQuery对checkbox的各种操作
slongzhang的博客
07-21 7386
//注意： 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr,1.6以上（包含）建议用prop //1、根据id获取checkbox $("#cbCheckbox1"); //2、获取所有的checkbox $("input[type='checkbox']");//or $("input[name='cb']"); //3、获取所有选中的checkbox $("input:checkbox:
用jQuery对checkbox操作：获得所有选中的checkbox对象并过滤
rocklee的专栏
08-30 6183
在一张二维表中有“授权”和“只读”两个字段的checkbox，可以让用户随意点击选中，点击递交后将这些checkbox筛选出来再上传至服务器：     由于手动点击改变的值，用[checked="checked"]这样的筛选是没用的，应该要用input:checked: var lvChecked=$("#div_d_disp form input:checked"); var lv
jquery循环复选框选中的值_JQuery对checkbox操作 （循环获取）
weixin_39865952的博客
12-22 587
无标题页jQuery(function($){//全选$("#btn1").click(function(){$("input[name='checkbox']").attr("checked","true");})//取消全选$("#btn2").click(function(){$("input[name='checkbox']").removeAttr("checked");})//选中所有...
JQuery对checkbox操作 （循环）
luofuIT成长记录
12-01 836
转自：http://www.cnblogs.com/shuang121/archive/2011/05/19/jquery.html @ Page Language="C#" AutoEventWireup="true" CodeFile="DemoCheckBox.aspx.cs" Inherits="DemoCheckBox" %> DOCTYPE html PUBLIC "-//W3
jQuery 对checkbox的操作
03-09
jQuery 对checkbox的操作
jquery操作checkbox示例分享
10-25
主要介绍了jquery操作checkbox,需要的朋友可以参考下
vue快速入门（五十）重定向
不起眼小菜菜的博客
05-03 338
注释很详细，直接上代码……
bpmn-js推荐几款常用的插件
飞云先生
04-30 153
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
遍历JavaScript对象（字典）
weixin_45596561的博客
05-01 346
遍历JavaScript对象（字典）是编程中常见的需求。for...in循环提供了最直接的方式，但在某些情况下可能需要额外的检查。与forEach结合使用提供了另一种遍历方式，特别是在您使用现代JavaScript版本时。根据您的具体需求和偏好，可以选择最适合您的遍历方法。
使用 js 类封装项目中音频播放功能的工具方法utils
最新发布
qq_40868156的博客
05-07 114
封装音频播放功能的工具方法，js，es6，前端，工程化
表格隔行变色
weixin_54339833的博客
05-02 409
2.$(document).ready() 是 jQuery 中的一个函数，它确保在文档结构（DOM）加载完成后执行指定的代码。与原生 JavaScript 的 window.onload 不同，$(document).ready() 会在 HTML 文档结构被加载和解析完成后立即执行，而无需等待样式表、图片和子框架的完成加载。if (index % 2 === 0) { // 偶数行。if (i % 2 === 0) { // 偶数行。// 可以省略，因为默认背景色通常是白色。
jQuery对checkbox 复选框的全选全不选反选的操作
06-08
可以使用以下jQuery代码实现对checkbox复选框的全选、全不选和反选操作： 全选： ```javascript $('input[type="checkbox"]').prop('checked', true); ``` 全不选： ```javascript $('input[type="checkbox"]')....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值