代码如下:<SPAN style="FONT-SIZE: 14px"><!DOCTYPE html> <html> <head> <title>复选框处理.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> </head> <body> <input type="checkbox" id=...
今天又次体会到jquery的强大了,做了个多级复选框的效果,代码总共就20+行就over了。 我又想用js来做一个看看,才写了几个方法就写不动了,兼容性要考虑很多,而且代码量直线上升。 主要分享下jquery的这个效果的实现。代码块分两块: 一是全选的效果,就是点击全选的复选框时它的子孙都相应被选中或者未选中。这人很好做,代码如下: 代码如下:evtEle.parent().next(".checks").find("input:checkbox").attr("checked", evtEle[0...
在Web开发中,有时候需要显示一些复选框(checkbox),表明这个地方是可以进行勾选操作的,但是有时候是只想告知用户"这个地方是可以进行勾选操作的"而不想让用户在此处勾选(比如在信息展示页面),这时候就需要将复选框设置成只读的效果。 提到只读,很容易想到使用readonly属性,但是对于复选框来说,这个属性和期望得到的效果是有差别的。原因在于readonly属性关联的是页面元素的value属性(例如textbox,设置了readonly就不能...
通过jquery技术来操作表格是件简单的事,通过jquery的语法,可以很轻松的完成表格的隔行换色,悬浮高亮,在实际的应用中可能会出现表格中带复选框的,删除时,将复选框所在的行的记录删除。在这的地方,可以加个特效,单击某行的同时将该行的复选框选中,该行的背景色也高亮显示。这样给人的感觉非常好。 效果如下: 我做的这里有两个功能: 功能1、单击某行,该行的复选框被选中,同时改变一下背景色。 功能2、单击全选/全不选标...
代码如下:<input type="button" id="btn5" value="获得选中的所有值"><input type="text" name="dd" id="dd" size="50" />$("#btn5").click(function(){ var str=""; $("[name='checkbox'][checked]").each(function(){ str+=$(this).val()+","; }) $("#dd").val(str) })
今天碰到“jquery动态获取复选框checkbox选中的个数”,首先看下面例子: 代码如下:<input type="checkbox" checked="checked">python<br> <input type="checkbox" checked="checked">java<br> <input type="checkbox" >jquery<br> <input type="checkbox" >phpddt.com<br> <script src="jquery.js"></script> <script> $(function(){ $("input[type=checkbox]").bind("click",function(){alert($("input[type=checkbox][checked=...
首先,使用JS动态产生Checkbox可以采用如下类似的语句: 代码如下:var checkBox=document.createElement("input");checkBox.setAttribute("type","checkbox");checkBox.setAttribute("id",123456);但是,这样产生的checkbox是不带尾后的文字的,如果需要添加,那么需要使用document.createTextNode(XXX)方法来产生一个文本节点,放在checkbox后面。 如下代码,程序产生了一个checkbox和一个文本节点,并将它们放到一个li对象中,再...
代码如下:<script> function checkbox() { var str=document.getElementsByName("box"); var objarray=str.length; var chestr=""; for (i=0;i<objarray;i++) {//欢迎来到脚本之家,我们的网址是www.gxlcms.com,很好记,脚本之家,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。 if(str[i].checked == true) { chestr+=str[i].value+","; } }//欢迎来到脚本之家,我们的网址是www.gxlcms.com,很好记,脚本之家...
作者:Chris Spooner翻译:Terry li - GBin1.com英文: jQuery Plugins for Styling Checkbox & Radio Buttons web开发中所有的输入控件中复选框和单选框的样式是最难去设计的,因为不同的浏览器及其操作系统对于样式的渲染展现是不一样的。但是在jQuery的帮 助下我们可以整体的改变他们的样式。这里我们将介绍12款实用的美化插件来帮助大家设计简单直白的按钮设计,或者时尚的Iphone类型的开关按钮。Fancy checkboxes and radio b...
代码如下://是否被选中验证有选中的return true,否return false function mycheckbox() { var falg = 0; $("input[name=soft[]]:checkbox").each(function () { if ($(this).attr("checked")) { falg += 1; } }) if (falg > 0) return true; else return false; } 这是一个比较不错的方法,收藏了。下面这个函数是对上面的补充: 代码如下:本来就是这种写法啊。jq1.42的写法。 其次,建议你的逻辑处理 function mycheckbox() { va...
<!--HTML代码片段如下: --> 代码如下:<div id="div1"> <input type="checkbox" onclick="selectCheckBoxes(div1, this.checked)" />全选<br/> <input type="checkbox" /><br/> <input type="checkbox" /><br/> <input type="checkbox" /><br/> </div> <br/> <div id="div2"> <input type="checkbox" onclick="selectCheckBoxes(div2, this.checked)" />全选<br/> <input type="checkbox" /><br/> <input type="checkbox" /><br/>...
代码如下:// JavaScript Document function sub1() { // 用Form名称直接引用form对象 //form1.method = "get"; // 将form名称作为document对象的属性来引用form对象, // 并用user作为form对象的属性来引用名为user的文本框元素对象 // document.form1.user.value = "lisi"; var s1=document.getElementById("s1"); var s2=document.getElementById("s2"); var s3=document.getElemen...
1、复选框全选操作:其实说到底就是对Jquery 选择器的运用,点我查看Jquery选择器 html代码: 代码如下:<form> 您爱好的运动是: <input type="checkbox" name="item" value="football"/> football <input type="checkbox" name="item" value="basketball"/> basketball <input type="checkbox" name="item" value="badminton"/> badminton <input type="checkbox" name="item" value="pingpong"/> pingpong <input type="button" ...
<input type="checkbox" id="cr" /><label for="cr">我已经阅读</label> a 用DOM方式来判断是否被选中 代码如下:$(function(){ var $cr = $("#cr"); var cr =$cr[0]; $cr.click(function(){ if(cr.checked){ alert("谢谢注册"); } else{ alert("NO"); } }); });
代码如下:<script type="text/javascript"> function check_check(checkname){ var flag; var checks = document.getElementsByName(checkname); for(var i=0;i<checks.length;i++){ if(checks[i].checked==true){ flag = true; return true; break; } } if(!flag){ //alert("请至少选择一项"); return false; } } </script>