控制表单元素: 文本框,文本区域: $("#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...
在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中初始状...
本文介绍了一个较为通用的获取 radio 值的方法,希望对新手有用。 代码如下: // 说明: 用 Javascript 验证表单(form)中的单选(radio)值 // 作者: CodeBit function getRadioValue(radio) { if (!radio.length && radio.type.toLowerCase() == 'radio') { return (radio.checked)?radio.value:''; } if (radio[0].tagName.toLowerCase() != 'input' || radio[0].type.toLowerCase() != 'radio') { return ''; } var len = r...
在下面浏览器下测试通过:Firefox, IE7, IE8, Google浏览器。 (IE6还是算了吧),其它浏览器还没试过。 目前刚添加了4个皮肤,添加新皮肤非常方便,您可以参考已添加的皮肤图片和css代码,相信您会很快搞定。 效果截图: 一、在没有使用LazyForm的情况下,在XP下运行截图如下 二、使用LazyForm(皮肤Blue)效果如下三、使用LazyForm(皮肤Black)效果如下四、皮肤Default五、皮肤Graydemo.html代码如下: 代码如下: demo-lazyform ...
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[@name=items]').get(1).che...
本文涉及到的图片 body { margin: 0px; padding: 0px; font-size: 13px; } .input_style { padding: 6px 0px; width: 600px; margin: 0px auto; border-bottom: #666666 1px dotted; } .input_style span { display: inline-block; width: 15px; height: 15px; text-align: left; vertical-align: middle; _overflow: hidden; } .input_style label { padding: 0px 6px; cursor: pointer; } .input_style input { cursor: pointer;...
代码如下: $("document").ready(function(){ $("#btn1").click(function(){ $("[name='checkbox']").attr("checked",'true');//全选 }) $("#btn2").click(function(){ $("[name='checkbox']").removeAttr("checked");//取消全选 }) $("#btn3").click(function(){ $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数 }) $("#btn4").click(function(){ $("[name='checkbox']").each(function(){//反选 if($(this).a...
代码如下:var gender = $("input:checked").val();
用JS实现的radio图片选择按钮效果。注意:input后面的空格。用到的图片:用JS实现的radio图片选择按钮效果-脚本之家 .lanrentuku img{border:1px solid #008800;} function myFun(sId) { var oImg = document.getElementsByTagName('img'); for (var i = 0; i 用JS实现的radio图片选择按钮效果。 注意:input后面的空格。 查找更多代码,请访问:脚本之家 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
新版本(目前1.3.2): $("[name='radio_name'][checked]").val(),或者$("input[name='radio_name']:checked").val() 老版本: $("[@name='radio_name'][checked]").val(),或者$("[@name='radio_name']:checked").val() 不同之处在于老版本多了一个@符号
1:判断radio 代码如下: var selected = $(input[name=selectid:checked]).val();//若未被选中 则val() = null if(selected == null){ alert("未选中!"); }else{ alert("选中!"); } 2:判断checkbox 代码如下: var n = $("input:checked").length; if(n==0){ alert("未选中!"); }else{ alert("选中!"); } $("div").text(n + (n <= 1 ? " is" : " are") + " checked!"); 3:checkbox数组全选、取消全选 $("#selAll").click(f...
一 、Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_...
如下: 代码如下: $("input[name=isIel][checked]").val() $("[name=isIel][checked]").val() == 上面这些只适合低版本IE(IE6及以下) 更高版本IE或火狐需要改成 $("input[name='isIel']:checked").val() 测试jquer版本1.4 、 1.3.2新老版本juqery获取radio的方法 今天换了个高版本的jquery,发现原先运行正常的方法报错了,仔细搜查后得出jquery获取radio 的方法如下:新版本(目前1.3.2,1.4.2): $("[name='radio_name'][che...
效果图: HTML: 代码如下: aaaaaa bbbbbb ccccc ddddd AAAAAA BBBBBBBB CCCCCC DDDDDD JS: 代码如下: $(function(){ $(#chklist).hcheckbox(); $(#radiolist).hradio(); $(#btnOK).click(function(){ var checkedValues = new Array(); $(#chklist :checkbox).each(function(){ if($(this).is(:checked)) { checkedValues.push($(this).val()); } }); alert(checkedValues.join(,)); alert($(#radiolist :checked).val()); }...
下面的例子将展示其结果是没有重载显示提交。 当用户选择一个选项上面,一个函数叫做“getVote()”执行。该功能所引发的“的OnClick”事件 代码如下: function getVote(int) { if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (x...