复选框的利用

  • 先是份工作的时候,三个首都出差过来的同事,有点胖胖的,听别人说羽球非常的屌,他看了自作者的代码就说:在此之前做外包,给东瀛公司的代码,等号皆以要对齐的,你应有认真排版代码。

  • 其次份工作的时候,COO是个程序员,他花3刻钟把1个吃豆人的flash游戏变成了php版本,很多东西,不是做不到,不是说要找个大块的岁月才能形成,你去做就行。

  • 其三份工作的时候,叁个同事说:笔者是笨,但是作者拼命做,还做只是你么?

  • 第5份工作的时候,1个运行,最喜爱说:哇,你真厉害,这几个都能解决。后来自己意识,他才是个高手,他看过的技术书籍,揣度是本身的10倍。。。他三个劲能一举成功难点,然后说,哎,笔者也不理解怎么搞,人家说这么的!

<!DOCTYPE html>
<html>
<head>
<title></title>
<script type=”text/javascript”
src=”js/jquery-3.2.0.min.js”></script>
</head>
<body>
<form>
你的喜欢是做什么样?
<input type=”checkbox” name=”” id=”checkAll”
value=”全选/全不选”>全选/全不选<br/>
<input type=”checkbox” name=”items” value=”篮球”>篮球
<input type=”checkbox” name=”items” value=”排球”>排球
<input type=”checkbox” name=”items” value=”乒乓球”>乒乓球
<input type=”checkbox” name=”items”
value=”羽毛球”>羽毛球<br/>
<input type=”button” name=”” id=”send” value=”提交”>
</form>
<script type=”text/javascript”>
$(function(){
$(“#checkAll”).click(function() {
// $(“[name=items]:checkbox”).prop(‘checked’, this.checked)
if(!this.checked){
$(“[name=items]:checkbox”).prop(‘checked’,false);
}else{
$(“[name=items]:checkbox”).prop(‘checked’,true);
}
});
// 方法1
$(“[name=items]:checkbox”).click(function() {
var flag=true;
$(“[name=items]:checkbox”).each(function() {
if(!this.checked){
flag=false;//循环复选框组,当没有被选中的项时,则把变量flag的值设置为flase;
}
});
alert(flag);
$(“#checkAll”).prop(‘checked’, flag);
});
//方法二:判断复选框的总额是或不是与选中复选框数量也正是
// $(“[name=items]:checkbox”).click(function() {
// var $tmp=$(“[name=items]:checkbox”);
// $(“#checkAll”).attr(‘checked’,
$tmp.length==$tmp.filter(“:checked”).length);
// });
})
</script>

从你们身上,作者学到了广大,并且会几次三番百折不回向你们见到。

</body>
</html>