jquery 操作 checkbox

最新推荐文章于 2020-11-29 17:38:08 发布

renchao118

最新推荐文章于 2020-11-29 17:38:08 发布

阅读量76

点赞数

分类专栏： jQuery 文章标签： jquery ViewUI

本文链接：https://blog.csdn.net/renchao118/article/details/84830192

版权

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

html脚本


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript"> 

$(document).ready(function(){
    //$("p:eq(1)").css("background-color","#B2E0FF");
});

$(document).on('click', "input[name=zoneType]", function() {  
					   if ($(this).val()=='') {
                          $('input[name=zoneType]').each(function() {
								if ($(this).val()!=''){
								  $(this).removeAttr('checked');
								 }
						       });
                       }else{
					   $('input[name=zoneType]').eq(0).removeAttr('checked');
					   }
				});
</script>	

</head>
<body>
<html>
<body>
<h1>Welcome to My Homepage （选择所有时选项1.2.3不能选中）,选择选项1.2.3时所有不能选中 </h1>
<input type="checkbox" name="zoneType"  checked="checked" value="">所有
<input type="checkbox" name="zoneType"   value="1">选项1
<input type="checkbox" name="zoneType"   value="2">选项2
<input type="checkbox" name="zoneType"   value="3"> 选项3

renchao118

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 操作 checkbox

html脚本[code="html"] $(document).ready(function(){ //$("p:eq(1)").css("background-color","#B2E0FF");}); $(document).on('click', "input[name=zoneType]", function() { ...
复制链接

扫一扫