From:http://www.cnblogs.com/birdshome/archive/2005/01/03/85679.html 我们在使用Windows XP的文件夹属性对话框时,会发现文件夹的Attributes分类里的Read-only和Hidden选项有时不是完全的checked或unchecked状态,而常常是一种虽然已被打勾但背景又是灰色的状态。其实这种不确定的CheckBox状态Web中也是可以表现的。 在Web页面中,我们可以使用来得到一个CheckBox控件。这个控件最常见的形式就是checked(被打上一个勾...
Checkbox body{font-size:12px;} .panel {BORDER-RIGHT: #d4d0c8 3px double; OVERFLOW-Y: scroll; PADDING-LEFT: 5px; BORDER-TOP: #d4d0c8 2px ridge; BORDER-LEFT: #808080 2px ridge; BORDER-BOTTOM: #d4d0c8 3px double; HEIGHT: 250px} .parent {PADDING-LEFT: 15px} .child {PADDING-LEFT: 30px} // CheckBoxList 选框 function chkbox(obj) { var chk = obj.all.tags("input"); var count = chk.length; if (event.s...
// 版本: 1.0 // 日期: 2007/08/01 // 备注: 需要jQuery库 // 参考: Dodo(tableRowCheckboxToggle) 和 softcomplex(tigra_tables) function Kin_Tables( Kin_Table_GetTableMethod, //得到Table的方法 同$()功能 必选参数 Kin_Table_Header_Offset, //从前起忽略多少行 可选参数 Kin_Table_Footer_Offset, //从后起忽略多少行 可选参数 Kin_Tabl...
jquery.checkboxes.zip,然后解压引用到使用插件的页面,这个不用多说了吧!下面看具体例子,为了让大家更好的理解,我直接把实现功能的代码贴出来: 代码如下:$("#myform").toggleCheckboxes()//全选,取消全选,反选 $("#myform").toggleCheckboxes(":not(#checkbox1)")//全选,取消全选且不选中第一个,反选 $("#myform").toggleCheckboxes(".top5", true)//全选,取消全选且只选前五个,反选 $("#myform").checkCheckboxes();// 全选 $("#m...
使用方法:我们先把下面的JS保存为有个文件,到时候调用,淡然你也可以直接写在页面内,推荐使用前者,方便重用: 代码如下:(function($){ $.fn.checkgroup = function(options){ //merge settings settings=$.extend({ groupSelector:null, groupName:group_name, enabledOnly:false },options || {}); var ctrl_box=this; //allow a group selector override option var grp_slctr = (settings.groupSelector==null) ? input[name=+s...
代码如下: $(function() { $("#checkall").click(function() { $("input[@name='checkname[]']").each(function() { $(this).attr("checked", true); }); }); $("#delcheckall").click(function() { $("input[@name='checkname[]']").each(function() { $(this).attr("checked", false); }); }); }); value1 value2 value3 更加简单的一种: 代码如下:$("#checkall").click( function(){ if(this.checked){ $("input[name='chec...
父类 代码如下: 子类 代码如下: 实现代码 代码如下: function CheckboxGroup(){ var arrelement = document.all; var i=0; while(ivar forgroupattrib = arrelement[i].getAttribute('forcheckboxgroup'); if(forgroupattrib != null && forgroupattrib != ''){ arrelement[i].setAttribute('groupmember',_getGroupMember(arrelement[i])); if(arrelement[i].tagName.toLowerCase() == 'input' && arrelement[i].type == 'chec...
看下面两种实现方法: JS checkbox 方法一: 代码如下:function checkAll() { var code_Values = document.all[code_Value]; if(code_Values.length){ for(var i=0;i<code_Values.length;i++) { code_Values[i].checked = true; } }else{ code_Values.checked = true; } } function uncheckAll() { var code_Values = document.all[code_Value]; if(code_Values.length){ for(var i=0;i<code_Values.length;i++) { code_Values[i]...
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 例二: 要实现的功能如图所示: 全选的checkbox的js代码如下: var status=true; function allselect(){ var tags=document.getElementsByTagName("input"); for (i = 0; i { if (tags[i].type == "checkbox") { tags[i].checked=status; } } status=!status; } 当点击显示职位,申请选中职位,放入收藏夹时的js代码如下: function panduan(){ var gou=0; var tags=document.getEl...
在提交表单时经常需要对一些必填字段进行判断是否为空, 如果是文本框那很好办,大家都会写,但是如果遇上多个raido,checkbox 必选一个或多个就稍微麻烦一点了。 通过取整个表单的元素集合,我们可以对其进行如下处理: 代码如下:var msg=""; var obj=""; var flag=false; for (var i=0;i<document.frmsignup.elements.length;i++){ var e = document.frmsignup.elements[i]; if (e.name == source){ if (e.checked==false) flag=...
function selectAll() //全选 { var objs = document.getElementsByName('twId'); var i; for(i = 0; i { if(objs[i].type == "checkbox") { objs[i].checked = true; } } } function unselect() //反选 { var objs = document.getElementsByName('twId'); var i; for(i=0;i{ if(objs[i].type=='checkbox') { if(objs[i].checked == true) { objs[i].checked =false; } else { objs[i].checked =true; } } } } function idArray() ...
选择3个后可以看到效果 function disableCheckBox() { var obj=document.getElementsByTagName("input") for(var i=0;i 3 ) { event.srcElement.checked=false; break; } } } 粤菜 潮州 客家 川菜 上海/江浙 湖南 湖北 贵州 东北 江西 北京 鲁菜 台湾 新疆/清真 云南 其他中餐 野味 火锅 海鲜 比萨 自助餐 茶餐厅 小吃面食 烧烤 素菜 简餐 快餐 面包糕点 甜品 茶室 咖啡厅 酒吧 日本 韩国 东南亚印 法国 意大利 拉美 无国界...
控制表单元素: 文本框,文本区域: $("#txt").attr("value")或者$("#txt").val()//获取值 $("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容 多选框checkbox: $("#checkbox_id").attr("value")或者$("#checkbox_id").val();//获取值 $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')) //判断是否已经打勾 单选组radio: $("input[ty...
代码如下: function check_check(checkname){ var flag; var checks = document.getElementsByName(checkname); for(var i=0;iif(checks[i].checked==true){ flag = true; return true; break; } } if(!flag){ //alert("请至少选择一项"); return false; } } JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问...
在IE中,在使用checkbox或radio时,你会发现有时不能通过CheckBoxObject.checked = true或CheckBoxObject.setAttribute('checked', true)的方法使checkbox或radio被预选中。 解决这个问题的方法就是利用checkbox或radio的defaultChecked的属性,将defaultChecked属性置为true即可,具体实现是 CheckBoxObject.setAttribute('defaultChecked', true)或 CheckBoxObject.defaultChecked= true,这样就能实现checkbox和radio在IE中初始状...