复选框的采用

  • 首先份工作的时候,一个首都出差过来的同事,有点胖胖的,据悉羽球好屌,他看了自身的代码就说:之前做外包,给扶桑集团的代码,等号都以要对齐的,你应有认真排版代码。

  • 其次份工作的时候,首席执行官是个程序员,他花3时辰把1个吃豆人的flash游戏变成了php版本,很多东西,不是做不到,不是说要找个大块的日子才能成就,你去做就行。

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

  • 第④份工作的时候,一个运转,最欢快说:哇,你真厉害,这几个都能解决。后来小编意识,他才是个能人,他看过的技巧书籍,预计是小编的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>