1. 获取单个checkbox选中项(三种写法):

  1. $("input:checkbox:checked").val()
  2. 或者
  3. $("input:[type='checkbox']:checked").val();
  4. 或者
  5. $("input:[name='ck']:checked").val();

2. 获取多个checkbox选中项:

  1. $('input:checkbox').each(function() {
  2. if ($(this).attr('checked') ==true) {
  3. alert($(this).val());
  4. }
  5. });

3. 设置第一个checkbox 为选中值:

  1. $('input:checkbox:first').attr("checked",'checked');
  2. 或者
  3. $('input:checkbox').eq(0).attr("checked",'true');

4. 设置最后一个checkbox为选中值:

  1. $('input:radio:last').attr('checked', 'checked');
  2. 或者
  3. $('input:radio:last').attr('checked', 'true');

5. 根据索引值设置任意一个checkbox为选中值:

  1. $('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....
  2. 或者
  3. $('input:radio').slice(1,2).attr('checked', 'true');

6. 选中多个checkbox: 
同时选中第1个和第2个的checkbox:

  1. $('input:radio').slice(0,2).attr('checked','true');

7. 根据Value值设置checkbox为选中值:

  1. $("input:checkbox[value='1']").attr('checked','true');

8. 删除Value=1的checkbox:

  1. $("input:checkbox[value='1']").remove();

9. 删除第几个checkbox:

  1. $("input:checkbox").eq(索引值).remove();索引值=0,1,2....
  2. 如删除第3个checkbox:
  3. $("input:checkbox").eq(2).remove();

10.遍历checkbox:

  1. $('input:checkbox').each(function (index, domEle) {
  2. //写入代码
  3. });

11.全部选中

  1. $('input:checkbox').each(function() {
  2. $(this).attr('checked', true);
  3. });

12.全部取消选择:

  1. $('input:checkbox').each(function () {
  2. $(this).attr('checked',false);
  3. });

input复选框操作的部分高频率使用代码的更多相关文章

  1. JS及Dom练习 | 模态对话框及复选框操作

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. python之tkinter使用-复选框操作

    # tkinter复选框操作 import tkinter as tk root = tk.Tk() root.title('问卷调查') root.geometry('220x80') # 设置窗口 ...

  3. C#:复选框操作类

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.W ...

  4. seleniumu 3.0复选框操作(定位一组元素)

    一般验证复选框是否可以选择点击常用到定位一组元素去循环遍历执行点击事件.但是有时候在不同的浏览器下可能会存在差异化的最终结果. 目前谷歌浏览器常常存在多次点击同一复选框,导致最终最后两项复选框均未被勾 ...

  5. 【jQuery】对于复选框操作的attr与prop

    这个是在jQuery1.6版本号之后出现的鬼东西.受影响的主要有下拉列表select与复选框checkbox.众所周知.在jQuery中能够用attr()取出节点的属性,然而对于checkbox却不是 ...

  6. jQuery——复选框操作

    学习jQuer对表单.表格操作的过程中,按照书上的例子发现一个问题: <!DOCTYPE html> <html> <head> <title>复选框应 ...

  7. Jquery操作复选框(CheckBox)的取值赋值实现代码

    赋值 复选框 CheckBox 遍历 取值  1. 获取单个checkbox选中项(三种写法): $("input:checkbox:checked").val() 或者 $(&q ...

  8. DataGridView 复选框 操作大全

    DataGridViewCheckBoxColumn dtCheck = new DataGridViewCheckBoxColumn(); dtCheck.DataPropertyName = &q ...

  9. jQuery获取input复选框的值

    var ipResolveValue =[]; //定义一个空数组$("input[name='ipResolve']:checked").each(function(){   / ...

随机推荐

  1. Spring+SpringMVC+MyBatis深入学习及搭建(八)——MyBatis查询缓存

    转载请注明出处:http://www.cnblogs.com/Joanna-Yan/p/6956206.html 前面讲到:Spring+SpringMVC+MyBatis深入学习及搭建(七)——My ...

  2. 加载jquery插件注意了

    1.尽量放在</body>之前,不要放在</head>标签之前,如果执意要放也要放在css之后,例如: <link href="style.css" ...

  3. Dojo初探之5:dojo的request(请求)操作、请求过程事件绑定和隐藏数据data()操作(基于dojo1.11.2版本)

    前言: 上一章详细阐述了dojo的事件绑定操作,本章将讲解dojo的请求操作 注:dojo的请求操作与js和jquery完全不同! 1.dojo的请求 dojo通过request.get()/.put ...

  4. NLTK学习笔记(四):自然语言处理的一些算法研究

    自然语言处理中算法设计有两大部分:分而治之 和 转化 思想.一个是将大问题简化为小问题,另一个是将问题抽象化,向向已知转化.前者的例子:归并排序:后者的例子:判断相邻元素是否相同(与排序). 这次总结 ...

  5. Webpack 开发工具与模块热替换

    Webpack 开发工具与模块热替换 ​⚠️ 注意: 永远不要在生产环境中使用这些工具,永远不要. devtool 当 JavaScript 异常抛出时,你常会想知道这个错误发生在哪个文件的哪一行.然 ...

  6. JavaScript函数之递归

    递归 递归的本质就是使用函数自身来解决问题的思路. 递归的定义(摘): 程序调用自身的编程技巧称为递归( recursion).递归做为一种算法在程序设计语言中广泛应用. 一个过程或函数在其定义或说明 ...

  7. AngularJS高级程序设计读书笔记 -- 过滤器篇

    一. 过滤器基础 过滤器用于在视图中格式化展现给用户的数据. 一旦定义过滤器之后, 就可在整个模块中全面应用, 也就意味着可以用来保证跨多个控制器和视图之间的数据展示的一致性. 过滤器将数据在被指令处 ...

  8. 使用requireJs的方法

    在你们对requireJs初步了解后,快来看看他们是怎么使用的吧. 在你下载完成require.js插件后,在页面里引入,在require.js 加载完之后,会查找页面上script标签的data-m ...

  9. BOM API

    原文链接http://www.jb51.net/article/55851.htm 我们都知道, javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具 ...

  10. oracle学习笔记(2)-基本术语

    oracle基本术语 先上图. 相当粗糙的一个图,可能有些地方不够精细,大致结构基本是对的. 逻辑结构上从大到小的依次为文件(file)->表空间(tablespace)->段(segme ...