大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
不能选中设置disabled即可:
成都创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站设计、做网站、邕宁网络推广、小程序制作、邕宁网络营销、邕宁企业策划、邕宁品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联为所有大学生创业者提供邕宁建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com
怎样使checkbox不能被选中,但是能通过jquery获取到他的值$(function
()
{
$("#chk1").attr("disabled",
"disabled");//不能被选中
$("#btnCheck").click(function
()
{
alert($("#chk1").val());//获取值
});});
input type="checkbox" value="1111"/1
input type="checkbox" value="2222"/2
input type="checkbox" value="3333"/3
input type="checkbox" value="4444"/4
input type="checkbox" value="5555"/5
input type="checkbox" value="6666"/6
input type="button" id="test" value="Click Me"/
Script
$(function(){
$("#test").on("click",function(){
var ichk=$("input:checkbox:checked").map(function(){
return $(this).val();
}).get().join(",");
alert(ichk);
})
})
/Script
[img]input type="checkbox" name="love[]" value="A"A
input type="checkbox" name="love[]" value="B"B
input type="checkbox" name="love[]" value="C"C
//选择器是 input[name="love[]"] ,选择name是love[]的元素
var allValue = [],checkedValue = [];
$('input[name="love[]"]').each(function(){
allValue.push(this.value);
if(this.checked){
checkedValue.push(this.value);
}
});
allValue是所有checkbox的值,
checkedValue 是选中checkbox的值
大体思路就是把你要的checkbox的元素遍历一下,然后取当前的value值,要使用jq内置的val()方法,代码如下:
form onsubmit="return false;"
input type="checkbox" value="三人行慕课1(3mooc.com)" name="check"三人行慕课1/input
input type="checkbox" value="三人行慕课2(3mooc.com)" name="check"三人行慕课2/input
input type="checkbox" value="三人行慕课3(3mooc.com)" name="check"三人行慕课3/input
input type="checkbox" value="三人行慕课4(3mooc.com)" name="check"三人行慕课4/input
input type="checkbox" value="三人行慕课5(3mooc.com)" name="check"三人行慕课5/input
button选中是谁/button
/form
script src="引入jquery.js"/scriptscript type="text/javascript"$(function(){ $("button").click(function(){ $.each($('input:checkbox:checked'),function(){ console.log( $(this).val() ); }); })})/script
思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。下面进行实例演示:
1、HTML结构
input type="checkbox" name="test" value="1"/span1/span
input type="checkbox" name="test" value="2"/span2/span
input type="checkbox" name="test" value="3"/span3/span
input type="checkbox" name="test" value="4"/span4/span
input type="checkbox" name="test" value="5"/span5/span
input type='button' value='提交' onclick="fun()"/
2、javascript代码
function fun(){
obj = document.getElementsByName("test");
check_val = [];
for(k in obj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}
可以参考下面的代码:
$(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