十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
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
.val()函数获取select的属性。语法:
$(selector).val(value)
val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数,则返回被选元素的当前值。
一、创建一个select元素:
二、创建如下获取属性函数:
三、结果获取:
扩展资料:
通过 .val() 方法从 textarea 元素中取得的值是不含有回车(\r)字符的。但是如果该值是通过 XHR 传递给服务器的,回车(\r)字符会被保留(或者是被浏览器添加的,但是在原始数据中并不包含回车(\r))。可以使用下面的 valHook 方法解决这个问题:
参考资料:jQuery API 中文文档 --.val()
//首先,你的想法和思路是对的,但你忽略了一个问题,jquery的选择器中表达式是操作dom的,
//用变量连接表达式,看似没毛病,但实际在jquery中的实现是不能正常执行的。它当成了一个
//完整的表达式执行,所以不能正确选择到元素。因此代码修改成以下:
var selector = ":checkbox[name='gant'][mtype='" + qx + "']";
$(selector).attr("checked", true);
//到此,成功执行!
希望能帮到你!
jquery 获取select多选下拉框所有选项的值可以如下实现
var all = "";
$("select option").each(function() {
all += $(this).attr("value")+" ";
});
而值获取被选中的值可用如下代码实现
$("select").val();
下面给出实例代码:
创建Html元素:一个多选列表和一个按钮
select id="multi-sel" multiple="multiple"
option value="1"萝卜,我的value是1/option
option value="2"青菜,我的value是2/option
option value="3"小葱,我的value是3/option
option value="4"豆腐,我的value是4/option
/select
input type="button" value="点击显示选择的项目"
简单设置一下css样式
select{width:200px;height:150px;padding:10px;border:4px dashed #ccc;}
select option{margin:5px;}
input[type='button']{width:200px;height:35px;margin:10px;border:2px dashed #ebbcbe;}
编写jquery代码:实现获取所有值和获取选中值
$(function(){
$("input:button").click(function() {
var all = "";
$("select option").each(function() {
all += $(this).attr("value")+" ";
});
var sel = $("select").val();
alert("多选列表所有的value值:"+all+",其中被选中的是:"+sel+"。");
});
})
var querycheck = "";
$("#aa").find("input[type=checkbox]").each(function(){
if($(this).attr("checked") == "checked"){
if(querycheck == ""){
querycheck += $(this).val();
} else {
querycheck += ","+$(this).val();
}
}
});
if($("radio").attr("checked")){
alert("选中")
}else{
alert("不选中")
}