大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
input type="checkbox" value="1"
沁源网站建设公司创新互联公司,沁源网站设计制作,有大型网站制作公司丰富经验。已为沁源成百上千提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱,请找那个售后服务好的沁源做网站的公司定做!
input type="checkbox" value="2"
input type="checkbox" value="3"
var checkboxs = $("input[type=checkbox]");//获取想要的checkbox
//方法1:用each遍历
checkboxs.each(function(i){
//
});
//方法2:用filter过滤
checkboxs.filter(function(i){
return $(this).val() == "1";//仅返回value=1的多选框
});
其他应用请查阅jquery chm帮助文档,会有很多收获。
有两种方法,
①:点击事件;如:
input type="checkbox" class="ck" /
$(".ck").click();
这样就能设置复选框选中;
②:设置其checked属性;如:
input type="checkbox" class="ck" /
$(".ck").prop("checked",true);
这样就设置复选框选中
你的话好绕,
比如你的全选复选框的id是chkAll,其它的单选框包含在id为myDiv的div里面那么以下代码来实现
$('#chkAll').click(function(){
if($(this).attr('checked')){
//选中了全选,下面的全勾中
$('#myDiv').find('checkbox').attr('checked',true);
}else{
$('#myDiv').find('checkbox').attr('checked',false);
}
});
$('#myDiv').find('checkbox').change(function(){
if($('#myDiv').find('checkbox').not("input:checked").size() = 0){
//如果其它的复选框全部被勾选了,那么全选勾中
$('#chkAll').attr('checked',true);
}else{
$('#chkAll').attr('checked',false);
}
});
1、首先web项目结构如图所示,这个结构熟悉的话可以自己调整的。
2、然后设置一些较为简单的选项框,这里随便用abcd来代替选项框了。
3、这里是jq来实现全选,所以引入jQuery,并且给按钮绑定一个jQuery类型的点击事件即可。
4、然后通过prop来设置input的属性即可设置全选了,prop是jq自带的一个方法。
5、因为CheckBox可以设置checked属性,所以我们把它设置为true即可。
6、最后预览,可以看到CheckBox都被checked中了,这样就达到全选了。
可以参考下面的代码:
$(document).ready(function(){
varchecked=[];
$("#submitButton").click(function(){
$('input:checkbox:checked').each(function(){
checked.push($(this).val());
});
alert(checked);
});
});
扩展资料:
jquery参考函数
$(”元素名称”).html(”bnew stuff/b”); 给某元素设置内容
$(”元素名称”).removeAttr(”属性名称”) 给某元素删除指定的属性以及该属性的值
$(”元素名称”).removeClass(”class”) 给某元素删除指定的样式
$(”元素名称”).text(); 获得该元素的文本
$(”元素名称”).text(value); 设置该元素的文本值为value
参考资料来源:百度百科-jQuery
复制的:
HTML 代码:
form
input type="checkbox" name="newsletter" checked="checked" value="Daily" /
input type="checkbox" name="newsletter" value="Weekly" /
input type="checkbox" name="newsletter" checked="checked" value="Monthly" /
/form
jQuery 代码:
$("input:checked")
结果:
[ input type="checkbox" name="newsletter" checked="checked" value="Daily" /, input type="checkbox" name="newsletter" checked="checked" value="Monthly" / ]
var check = $("input:checked"); //得到所有被选中的checkbox
var actor_config; //定义变量
check.each(function(i){ //循环拼装被选中项的值
actor_config = actor+','+$(this).val();
});
alert(actor_config.substr(9)+',');
通过以下js代码去获取选中项的值,在IE7中可以正确取得选中项的值,但在IE8中却得不到选中项的值,同样在Firefox 3.5.3下也得不到值,但公司同事在Firefox其他较低版本下能正确得到值,IE6下也没有问题,⊙﹏⊙b汗
$('#permissionList-body input[name="checkboxes"][checked]').each(function(i){
alert($(this).val());
});
但是把技术代码修改为:
$('#permissionList-body input[name="checkboxes"]').each(function(i){
if(this.checked)alert($(this).val());
});===========================================================================$('#permissionList-body input[name="checkboxes"][checked]')$('#permissionList-body input[name="checkboxes"][checked='checked']')这两种写法支持IE$('#permissionList-body input[name="checkboxes"][checked='true']')
这种支持firefox
没有找到好的解决方法,只有加if(this.checked)判断了 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).checked = true;获取值:文本框,文本区域:$("#txt").attr("value");多选框checkbox:$("#checkbox_id").attr("value");单选组radio: $("input[@type=radio][@checked]").val();下拉框select: $('#sel').val();控制表单元素:文本框,文本区域:$("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容多选框checkbox: $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 $("option value='1'1111/optionoption value='2'2222/option").appendTo("#sel")//添加下拉框的option $("#sel").empty();//清空下拉框// 清空所有复选框选项 $(":checkbox").attr("checked","");