十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
//首先,你的想法和思路是对的,但你忽略了一个问题,jquery的选择器中表达式是操作dom的,
成都创新互联是一家集网站建设,安图企业网站建设,安图品牌网站建设,网站定制,安图网站建设报价,网络营销,网络优化,安图网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
//用变量连接表达式,看似没毛病,但实际在jquery中的实现是不能正常执行的。它当成了一个
//完整的表达式执行,所以不能正确选择到元素。因此代码修改成以下:
var selector = ":checkbox[name='gant'][mtype='" + qx + "']";
$(selector).attr("checked", true);
//到此,成功执行!
希望能帮到你!
div id="checkbox2"
input name="cuser" type="checkbox" /复选框1
input name="cuser" type="checkbox" /复选框2
input name="cuser" type="checkbox" /复选框3
input name="cuser" type="checkbox" /复选框4
/div
var obj = document.getElementsByName("cuser");//得到复选框的元素
var check = [];
for (k = 0; k obj.length; k++) {//循环取值
if (obj[k].checked) {//取到选中的值
check.push(obj[k].value);
}
}
不知能否帮到你
.val()函数获取select的属性。语法:
$(selector).val(value)
val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数,则返回被选元素的当前值。
一、创建一个select元素:
二、创建如下获取属性函数:
三、结果获取:
扩展资料:
通过 .val() 方法从 textarea 元素中取得的值是不含有回车(\r)字符的。但是如果该值是通过 XHR 传递给服务器的,回车(\r)字符会被保留(或者是被浏览器添加的,但是在原始数据中并不包含回车(\r))。可以使用下面的 valHook 方法解决这个问题:
参考资料:jQuery API 中文文档 --.val()
1、首先web项目结构如图所示,这个结构熟悉的话可以自己调整的。
2、然后设置一些较为简单的选项框,这里随便用abcd来代替选项框了。
3、这里是jq来实现全选,所以引入jQuery,并且给按钮绑定一个jQuery类型的点击事件即可。
4、然后通过prop来设置input的属性即可设置全选了,prop是jq自带的一个方法。
5、因为CheckBox可以设置checked属性,所以我们把它设置为true即可。
6、最后预览,可以看到CheckBox都被checked中了,这样就达到全选了。
jquery实现(多选框)全选和取消全选功能:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="content-type" content="text/html" charset="utf8"
title/title
/*要添加好jquery库*/
script type="text/javascript" src=\'#\'" /script
script src=\'#\'" type="text/javascript"/script
script type="text/javascript"
function checkAll() {
$("input:checkbox").attr("checked","true");
}
function uncheckAll() {
$("input:checkbox").each(function(){
this.checked=false;
})
}
/script
/head
body
input type="checkbox" id="in1" /1br /
input type="checkbox" id="in2" /2br /
input type="checkbox" id="in3" /3br /
p
input type="button" name="checkAll" value="全选" /
input type="button" name="uncheckAll" value="取消" /
/p
/body
/html
获取 checkbox的选中个数可以直接使用如下jquery语法
$("input[type='checkbox']:checked").length;
实例演示如下
创建Html元素
div class="box"
span点击按钮获取选中个数:/spanbr
div class="content"
input type="checkbox" name="test" 萝卜
input type="checkbox" name="test" 青菜
input type="checkbox" name="test" 小葱
input type="checkbox" name="test" 豆腐
input type="checkbox" name="test" 土豆
/div
input type="button" class="btn" value="获取被选择个数"
/div
设置css样式
div.box{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='checkbox']{margin:5px 10px;}
input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}
编写jquery代码
$(function(){
$("input:button").click(function() {
alert($("input[type='checkbox']:checked").length);
});
})
观察效果