核心提示: 大家在很多场合也许会遇到判断页面是否有元素选中,下面介绍的是利用js判断是否选中CheckBox的方法。 //第几个没有选 代码如下: //第几个没有选 代码如下:
一、假设有如下一段html代码 代码如下: 选中事件(根据选中情况修改上一层背景): 代码如下: var $test_image_check_box_click = function() { if ($(this).attr("checked") == "checked") { $(this).parent().css({"background":"#dcf4fc"}); } else { $(this).parent().css({"background":"#fcf7c7"}); } check_all_imagezz(); } 绑定事件: 代码如下: $(#checkbox-518).click($test_image_check_box_click); 二、假设...
早上要做一功能,checkbox被选中时,显示隐藏的层,取消选中时,再隐藏选中的层。 初始代码如下: 代码如下: $(function(){ $("#ischange").change(function() { alert("checked"); }); }); 捣腾了半天,竟然一点反应都没有。百度了下,有高人指出上面几行代码在Firefox等浏览器中可以正常运行,即你选中复选框或取消复选框都会弹出一个对话框,但是在IE中却不会正常执行,即选中或取消复选框不会立即弹出对话框。 必须在选中或取...
对于CheckBoxList控件来说,一方面要实现大量数据在服务器端的绑定工作,另一方面往往要求实现全选、反选等功能。虽然可以在服务器端完成这方面的工作,但这样一个简单的工作似乎更应该在客户端完成。 具体方法: 在页面中放入一个CheckBoxList控件,并添加几项,用来分析其产生的HTML代码,这样在使用js进行 动态控制时,将会非常清晰其测试代码如下所示: 代码如下: RepeatColumns="3"> 1232 254 5643 789 654 564 8564 8564 54...
原先的语句为var selectChks = $("input[type=checkbox][name=productItem][checked]");在IE7,IE8和IE9兼容模式都能正常获取但是在IE9标准模式下获取不到,length总为0于是查资料,发现如下写法var selectChks = $("input[type=checkbox][name=productItem]:checked");经测试在IE7,IE8和IE9兼容模式,IE9标准模式中也能正常使用
以前用原生 JS 写过 checkbox——类似邮箱全选功能,点击这里。最近在学习jquery,今天抽空用jquery 写个checkbox——类似邮箱全选功能。 代码如下: checkbox 全选/全不选 选项1 选项2 选项3 选项4 选项5 选项6 选项7 选项8 选项9 选项10 反选 $(function(){ var checkboxes = $('input[name=choose]'); var btn = $('#btn'); var btn2 = $('#btn2'); btn.click(function(){ checkboxes.attr('checked',this.checked); ...
标题描述的有点不贴切,但希望大家能够明白,为了更形像的表达,我特意录制了一张GIF动画图片。 我不知道实际开发中有没有用到这种效果,但我个人认为,这种方式更人性化,因为只要点到一行,就可以使CheckBox.checked=true; 不用非得点复选按钮才能实现; 实现的过程有点纠结,试了几次都没成,最后用了一个笨笨的方法,就是点击行的时候,让他的子元素(td)的背景颜色为红色.(因为我用到了光棒效果,如果我点击行(td)的时候,颜...
1、checkbox list选择 效果图:代码: 代码如下: $(function () { // 全选 $("#btnCheckAll").bind("click", function () { $("[name = chkItem]:checkbox").attr("checked", true); }); // 全不选 $("#btnCheckNone").bind("click", function () { $("[name = chkItem]:checkbox").attr("checked", false); }); // 反选 $("#btnCheckReverse").bind("click", function () { $("[name = chkItem]:checkbox").each(function (...
首先,使用JS动态产生Checkbox可以采用如下类似的语句: 代码如下:var checkBox=document.createElement("input");checkBox.setAttribute("type","checkbox");checkBox.setAttribute("id",123456);但是,这样产生的checkbox是不带尾后的文字的,如果需要添加,那么需要使用document.createTextNode('XXX')方法来产生一个文本节点,放在checkbox后面。 如下代码,程序产生了一个checkbox和一个文本节点,并将它们放到一个li对象中,...
在提交添加或修改内容时,需要对关键数据进行判空处理,如何在js中判断checkboxlist是否有选择项呢? 具体操作如下: 代码如下: var CheckBox = document.getElementById("").getElementsByTagName("INPUT"); if (CheckBox != undefined) { var i = 0; var j = 0; for (i = 0; i < CheckBox.length; i++) { if (CheckBox[i].checked) { j += 1; } } if (j == 0) { alert("请选择星期!"); return false; } }
代码如下: 是否为分包人 是否为总包人 zbr = ("Y".equals(String.valueOf(map.get("ylzd11"))))?"1":"0";////是否为总包人fbr = ("Y".equals(String.valueOf(map.get("ylzd12"))))?"1":"0";//是否为分包人 return "jzysuccess"; function init(){ //通用发票的付款方类型代码 1 代表为单位 0 代表为个人 if($("#fkfLxDm").val()==1){ $(input[type=radio][value=1])[0].checked...
今天碰到“jquery动态获取复选框checkbox选中的个数”,首先看下面例子: 代码如下: python java jquery phpddt.com $(function(){ $("input[type='checkbox']").bind("click",function(){alert($("input[type='checkbox'][checked='checked']").length);}); }); 我给checkbox绑定了点击事件,想获取选中的个数,上面这种写法获取失败,当我点击另外一个复选框,个数任然没变:代码如下: $(function(){ $("input[type='checkb...
遇到操作checkbox的问题全选 代码如下:$("input[type=checkbox]").each(function(){ this.checked=true }) 反选$("input[type=checkbox]").each(function(){if(this.checked){ this.checked=false } else{ this.checked=true } 理论上是应该可以用$(obj).attr("checked",true)来操作恶但是在ie下正常,在firfox下反选效果却失灵了,$(obj).removeattr("checked")不起作用,不知道怎么回事。干脆直接用...
注意: 针对单个复选框的情况! 代码如下:var obj = document.getElementById("tt");var value = obj.checked;alert(value);// 若选中,则返回true,否则返回falseobj.checked = false;// 设置复选框为不选中状态
【问题原因】 这个应该是 jquery.datatable 控件本身的一个缺陷。 该控件中的checkbox小插件的id是写死的,所以当有多个datatable引用到一个页面中的时候,全选事件会匹配全部的datatable,所以造成全部多个表格的checkbox被都被选中。 【解决方法】 所以最好是修改jquery.datatable控件,给生成的每个datatable下的checkbox赋 予不同的id,因为datatable的id是不一样的,所以可以把 datatable的id作为 checkbox的前缀组成一个唯一...