今天要实现一功能就是:复选框勾选时给input表单赋值,复选框取消时将表单值清除。 效果如图: 实现源码:cyfID为复选框的id 代码如下:$("#cyfID").click(function(){ var ischeck=$(this).attr("checked"); if(ischeck==undefined){ //清除输入框 alert(""); }else{ //给输入框赋值 alert("qq"); } }); 实现原理是:复选框勾选时$(this).attr("checked")为checked,不勾选时为undefined。
代码如下:<pre name="code" class="html"><html> <head> <script> function asd(){ var reg=document.getElementsByName("reg"); if(reg[0].checked){ document.getElementById("submit").disabled=false; } else { document.getElementById("submit").disabled=true; } } </script> </head> <body> <input name="reg" type="checkbox" onclick="asd();" />阅读了吗? <input type="submit" value="注册" id="submit" disabled/> <...
实现这样一个基本需求,页面有很多数据,可以删除一条或多条,删除前判断是否选中至少一条,否则提示。 代码如下:function deleteUser() { //当时是想把内容以str+=""的方式 进行保存 ,但不行 //var str; var array = new Array(); //用于保存 选中的那一条数据的ID var flag; //判断是否一个未选 $("input[name=selectFlag]:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox if ($(this).attr("checked")...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style mce_bogus="1"> </style> <title>JS获取复选框被选中的值</title> </head> <body> <input type="checkbox" name="test" value="0" />0 <input type="checkbox" name="test" value="1" />1 <input type="checkbox" name="test" value="2" />2 <input type=...
实例如下: 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>MyHtml.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">--><script type="text/jav...
1、获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val()或者$("input:[type=checkbox]:checked").val();或者$("input:[name=ck]:checked").val(); 2、 获取多个checkbox选中项$(input:checkbox).each(function() { if ($(this).attr(checked) ==true) { alert($(this).val()); }}); 3、设置第一个checkbox 为选中值$(input:checkbox:first).attr("checked",checked);或者$(input:che...
各种对下拉列表、文本框、复选框、单选框的jquery的相关操作。做为记录和收藏的最好方法。 遍历option和添加、移除optionfunction changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); }else{ $("<option value=111>UPS Ground</option>").append...
功能: a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态 b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中代码如下:/** * 全选函数 * @param mainId 主复选框id * @param klass 下属复选框的class */function selectAll(mainId,klass){ $("." + klass).each(function(){ if($("#" + mainId).attr("checked")== "checked"){ $(this).attr("checked", "checked"); ...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style mce_bogus="1"> </style> <title>JS获取复选框被选中的值</title> </head> <body> <input type="checkbox" name="test" value="0" />0 <input type="checkbox" name="test" value="1" />1 <input type="checkbox" name="test" value="2" />2 <input type=...
关于复选框 昨天在做一个复选框的时候,一开始以为应该挺简单的,想当然了一下,主要的功能就是点击一个按钮,比如是全部选中这个一个功能,然后下面的所有列表全部选中的效果。 后来在实践中还是遇到了很多的问题,注意在input的checkbox中,用普通的attr属性来判断是不可以的,因为checked的值是checked,只有用prop这个属性才能该改变!!!!见api文档,后来在百度中发现了这个在官方的api中就已经有说明了,附上jquery中一个pr...
以前我使用js只能判断遍历再获取 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>jQuery判断复选框的选中个数</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript">window.onload = function(){//页面所有元素加载完毕...
插件版本:jquery-1.6.min.js 代码如下:var chk_value=""; $(input[name="rootMenu"]).each(function () { if (this.checked) { chk_value += this.value + "$"; } }); alert(chk_value); chk_value.split(",");
代码如下:// 主复选框<input type="checkbox" id="ck" name="ckAll">// 子复选框项<input type="checkbox" id="ck1" name="ckItm"><input type="checkbox" id="ck2" name="ckItm"><input type="checkbox" id="ck3" name="ckItm">代码如下:var $ckAll = $("input[name=ckAll]");var $ckItm = $("input[name=ckItm]");var len = $ckItm.length;$ckAll.click(function() { // 获取$ckAll当前选中状态,如果选中,其他子复选框则选中...
js中: 代码如下:function chooseOne(chk){ //先取得同name的chekcBox的集合物件 var obj = document.getElementsByName("chk"); for (i=0; i<obj.length; i++){ //判斷obj集合中的i元素是否為cb,若否則表示未被點選 if (obj[i]!=chk) obj[i].checked = false; //若要至少勾選一個的話,則把上面那行else拿掉,換用下面那行 else obj[i].checked = true; } } jsp页面中: 代码如下:<input type="checkbox" id="${userGroup.gro...
有10个复选框,用户最多只能勾选3个,否则就灰掉所有复选框。 (用户再次勾掉复选框时,仍然可以再次选择。) 将可变的部分设置为JS的参数,以实现代码复用。 JS代码 第一个参数为复选框的name,第二个参数为最多允许的勾选值。 代码如下:function choicetest(name,num){ var choicearr = document.getElementsByName(name); var a=0; for(var i=0;i<choicearr.length;i++) if(choicearr[i].checked){ a=a+1; } if(a==num){ for(v...