复选框 | 易学教程

jquery中判断复选框有没有被选上

阅读更多关于 jquery中判断复选框有没有被选上

页面部分： <input type="checkbox" id="cbx" /><label for="cbx">点我</label><br/> <input type="button" id="btn" value="获取复选框的值"/> □ 方法一： attr('checked')返回undefined，不推荐使用 1: <script type="text/javascript"> 2: $(function() { 3: $('#btn').click(function() { 4: var isChecked = $('#cbx').attr('checked'); 5: alert(isChecked); 6: }); 7: }); 8: </script> 无论是否勾选，都返回undefined： □ 方法二：prop('checked')返回true或false，可使用 1: $(function() { 2: $('#btn').click(function() { 3: var isChecked = $('#cbx').prop('checked'); 4: alert(isChecked); 5: }); 6: }); 勾选，返回true：不勾选，返回false: □ 方法三：is(':checked')返回true或false，可使用 1: $

idea svn 主干分支切换

阅读更多关于 idea svn 主干分支切换

使用快捷键ctrl+t或者点击工具栏中的 vcs update 出现如下窗口；点击复选框，在框2中进行选择你要切换的分支的地址，点击OK即可；查看是否切换成功可以再version control 的subversion working copies information中进行查看URL； ps: 　　如果如上点击直接进行了更新而没有出现弹框，可以在file-settings-vcs-version console - confirmation中勾选checkout和update即可来源： https://www.cnblogs.com/qiankun-site/p/11639689.html

解决ios中input兼容性问题

阅读更多关于解决ios中input兼容性问题

1、解决input输入框在iOS中有阴影问题 input{ -webkit-appearance: none; } 2、checkbox、raido在ios中阴影问题单选：多选：单选： <div class="m_radio"> <div class="login_agree"> <input type="radio" name="optionsRadiosinline" id="optionsRadios1" value="option1" checked> <label for="optionsRadios1" class="input_agree" >加密锁</label> </div> <div class="login_agree"> <input type="radio"name="optionsRadiosinline" id="optionsRadios2" value="option2"> <label for="optionsRadios2" class="input_agree">软加密（支持离线激活）</label> </div> </div> 多选： <div class="pro_checkbox"> <input type="checkbox" id="pro_one" name="pro_one"> <label for="pro_one">

Jquery

阅读更多关于 Jquery

Jquery 1.jquery介绍为什么要用jquery jquery的两大特点链式编程：比如 .show() 和 .html() 可以连写成 .show().html() 。隐式迭代：隐式对应的是显式。隐式迭代的意思是：在方法的内部进行循环遍历，而不用我们自己再进行循环，简化我们的操作，方便我们调用。什么是jquery jQuery 是 js 的一个库，封装了我们开发过程中常用的一些功能，方便我们调用，提高开发效率。 js库是把我们常用的复杂功能封装到简单的方法中，我们用的时候，将库直接引入然后调用方法即可。初期，主要学习如何使用jQuery操作DOM，其实就是学习jQuery封装好的那些功能API。这些API的共同特点是：几乎全都是方法。所以，在使用jQuery的API时，都是方法调用，也就是说要加小括号()，小括号里面是相应的参数，参数不同，功能不同。版本说明 jQuery 有三个大版本： 1.x版本：最新版为 v1.11.3。 2.x版本：最新版为 v2.1.4（不再支持IE6、7、8）。 3.x版本。 2.jquery的使用使用 jQuery 的基本步骤下载：jQuery有两个文件，一个是 jquery-3.4.1.js (未压缩版)，一个是 jquery-3.4.1.min.js (压缩版,推荐项目上线时使用) 关于jQuery的相关资料：

layui获取复选框checkbox的值

阅读更多关于 layui获取复选框checkbox的值

layui获取全部复选框checkbox选中的值，layui获取表单开关switch的值 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui.form.checkbox 获取选中</title> <link rel="stylesheet" href="layui/css/layui.css" media="all"> </head> <body> <form class="layui-form">  <div class="layui-form-item"> <label class="layui-form-label">复选框</label> <div class="layui-input-block"> <input type="checkbox" name="CSDN" lay-filter="like" title="复选框一" value="dongsir"> <input type="checkbox" name="CSDN" lay-filter="like" title="复选框二" value="董先生"> </div> </div> <div class="layui-form-item">

JQuery

阅读更多关于 JQuery

引入 <script language="javascript" src="js/jquery-1.11.2.js"></script> 这样就可以使用我们的 jQuery 了选择器基本选择器　　id(#) 　　class(.) 　　元素选择器（div等）复合选择器　　祖先后代　　父亲>儿子　　相邻兄的　　$(form+input) 　　相隔兄的　　$(form ~ input) 注册事件 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jquery练习一</title> <script type="text/javascript" src="../js/jquery-3.2.1.js" ></script> <script type="text/javascript"> $(function() { $("#btn").on("click",function(){ //区分绑定的属性，和是否被选中 console.debug($(

Layui 监听复选框提交表单

阅读更多关于 Layui 监听复选框提交表单

表单数据这一块 layui 做的是真的不好,无论是在渲染还是在交互方面,每次都要自己来重新实现代码 #贴上代码 <!DOCTYPE html> <head> <meta charset="utf-8"> <title>Layui 监听复选框提价表单</title> <link rel="stylesheet" type="text/css" href="//layui.hcwl520.com.cn/layui/css/layui.css?v=201801090202"/> </head> <body> <form class="layui-form p-3" autocomplete="off" οnsubmit="return false"> <div class="layui-form-item"> <label class="layui-form-label">复选框</label> <div class="layui-input-inline"> <input type="text" name="number" value="0,1,3,4,5,6," disabled> <input type="checkbox" lay-filter="number" lay-skin="primary" value="0" title="0"> <input type=

vant checkBox 批量删除

阅读更多关于 vant checkBox 批量删除

有两种实现方式，当然不止两种一：使用 filter 将我们需要的过滤出来，也就是哪个没有选中就过滤哪个二：使用splice数组方法，将我们选择需要删除的 index 放到一个数组里面，然后进行删除。 splice有一个坑（splice会改变原数组）先说说方法一： /* 假设我们是依赖这个数据来进行渲染，v-for="(item,index) in addressList" 使用filter 的话我们可以给每一个对象添加一个key值isDel ，你在增加的一个人时也只需要push {"name": "", "gender": "", "age":"", "isDel":false}　　　　　　　　给每一个对象加入key为isDel:false　　　　　　addressList.forEach((item,index)=>{　　　　　　　　item["isDel"] = false　　　　　　}) 　　　配合使用vantUI 里面的 <van-checkbox v-model="item.isDel"></van-checkbox> 只要当复选框被选中时 isDel 就会改为 true 　　　　　　最后写上 addressList = addressList.filter(item=>item.isDel === false) 这就将没选中的过滤出来

JS简单实用小功能（三）

阅读更多关于 JS简单实用小功能（三）

一、限制复选框最多选择几项 1 <h2>限制复选框最多选择几项</h2> 2 <input type="checkbox" name='forbidcheckSelects'>1<br /> 3 <input type="checkbox" name='forbidcheckSelects'>2<br /> 4 <input type="checkbox" name='forbidcheckSelects'>3<br /> 5 <input type="checkbox" name='forbidcheckSelects'>4<br /> 6 <p>最多选择3项</p> 1 window.onload = function(){ 2 var _forbidcheckSelects = document.getElementsByName("forbidcheckSelects"), 3 //限制复选框最多选择3项 4 banNums = 3; 5 for(var i in _forbidcheckSelects){ 6 _forbidcheckSelects[i].onclick = function(){ 7 var __forbidcheckSelects = document.getElementsByName("forbidcheckSelects"), 8

jQuery手册中的属性和css部分

阅读更多关于 jQuery手册中的属性和css部分

属性： 1、attr(name|properties|key,value|fn) 设置或返回被选元素的属性值。 //参数name 描述:返回文档中所有图像的src属性值。 $("img").attr("src"); //参数properties 描述:为所有图像设置src和alt属性。 $("img").attr({ src: "test.jpg", alt: "Test Image" }); //参数key,value 描述:为所有图像设置src属性。 $("img").attr("src","test.jpg"); //参数key,回调函数描述:把src属性的值设置为img1.png , ... $(function(){ //回调函数(index下标)（src1可自定义，是src属性的值） $('img').attr('src',function(index,src1){ this.src = "img"+(index+1)+".png"; }); }) //结果： src="img1.png" src="img2.png" src="img3.png" ... 2、removeAttr(name) 从每一个匹配的元素中删除一个属性 //将文档中图像的src属性删除 <img src="test.jpg"/> $("img").removeAttr("src"); 3

订阅复选框