扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
我们提供的服务有:成都网站制作、成都网站建设、微信公众号开发、网站优化、网站认证、宣恩ssl等。为近千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的宣恩网站制作公司
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title关于选择问题/title
script src="js/jquery.js"/script
script
$(document).ready(function(){
$("div").click(function(){
var a= $(this);//得到点击项
alert(a.siblings().text());//a.siblings()得到a的同辈元素,不包含a
})
})
/script
/head
body
div1,Hello/divdivspan2,Hello Again/span/divdiv3,And Again/div
/body
/html
removeAttr参数只需要一个,removeAttr("checked")
不过建议替换成
$(".chooseall").click(function(){
if($(".chooseall").prop("checked") == true){
$("input[name='checkbox1']").prop("checked", false);
console.log(1);
}else{
$("input[name='checkbox1']").prop("checked", false);
console.log(2);
}
});
或者更简洁的,
$(".chooseall").click(function(){
var isChecked = $(this).prop("checked");
$("input[name='checkbox1']").prop("checked", isChecked);
});
首先,给题主提点建议,既然是单选按钮,自然是不能选两个的。
题主的意思应该是如何保证这些buttons只能选两个,这样就不用radio。
使用checkbox的时候,可以使用函数去控制这些checkbox选中的长度, 不能超过2.
使用自定义的button,同样去自定义函数去控制。
可以选择改写checkbox,毕竟自带反选,如果选择自定义一个button组话,要注意把反选加上 ,不然会导致无法选择任意两个。
全选:
$(":checkbox").attr("checked","checked");
全不选:
$(":checkbox").removeAttr("checked");
反选:
$(":checkbox:checked").removeAttr("checked");
$(":checkbox:not(:checked)").attr("checked","checked");
全手写,没有经过测试。
完整代码如下,测试通过:
html
head
title如何用jQuery实现checkbox全选/title
script src="jquery-1.7.1.min.js"/script
script type="text/javascript"
//全选,全不选
function allSelect() {
if ($(":checkbox").attr("checked") != "checked") {
$(":checkbox").attr("checked", "checked");
}
else {
$(":checkbox").removeAttr("checked");
}
}
//反选
function otherSelect() {
$(":checkbox").each(function () {
if ($(this).attr("checked") == "checked") {
$(this).removeAttr("checked");
}
else {
$(this).attr("checked", "checked");
}
});
}
/script
/head
body
input id="Checkbox1" type="checkbox" /
input id="Checkbox2" type="checkbox" /
input id="Checkbox3" type="checkbox" /
input id="Checkbox4" type="checkbox" /
input id="Checkbox5" type="checkbox" /
input id="Button1" type="button" value="全选" onclick="allSelect();" /
input id="Button3" type="button" value="反选" onclick="otherSelect();" /
/body
/html
script type="text/javascript" src="jquery.js"/script
script language="javascript" type="text/javascript"
$(function () {
$("#selectAll").click(function () {//全选
if($("#playList :checkbox").attr("checked") == true){
$("#playList :checkbox").attr("checked", false);
}else{
$("#playList :checkbox").attr("checked", true);
}
});
$("#unSelect").click(function () {//全不选
$("#playList :checkbox").attr("checked", false);
});
$("#reverse").click(function () {//反选
$("#playList :checkbox").each(function () {
$(this).attr("checked", !$(this).attr("checked"));
});
});
});
/script
div id="playList"
input type="checkbox" value="歌曲1" /歌曲1br /
input type="checkbox" value="歌曲2" /歌曲2br /
input type="checkbox" value="歌曲3" /歌曲3br /
input type="checkbox" value="歌曲4" /歌曲4br /
input type="checkbox" value="歌曲5" /歌曲5br /
input type="checkbox" value="歌曲6" /歌曲6
/div
input type="button" value="全选" id="selectAll" /
input type="button" value="全不选" id="unSelect" /
input type="button" value="反选" id="reverse" /
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流