JQ判断按钮,复选框是否选中

最新推荐文章于 2023-08-15 16:07:05 发布

原创最新推荐文章于 2023-08-15 16:07:05 发布 · 250 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

JS 专栏收录该内容

72 篇文章

订阅专栏

本文介绍如何使用jQuery获取HTML页面中的单选框和复选框状态，并实现全选功能。通过简单的示例代码展示了如何根据单选框的状态获取性别信息，以及如何根据复选框状态获取婚姻状况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS 代码 :

             var oRdoValue=$("#Radio1").is (":checked")?"男":"女"; //获取单选框按钮值
             var oChkValue=$("#Checkbox1").is (":checked")?"已婚":"未婚";//获取复选框按钮值

HTML 元素：　　

        性别：<input id="Radio1" name="rdoSex" type="radio" value="男" />男
              <input id="Radio2" name="rdoSex" type="radio" value="女" />女<br />
        婚否：<input id="Checkbox1" type="checkbox" />

Jquery 将一堆复选框选中 / 全选的代码：　（常用）

						<td align="center" valign="middle">
							<input type="checkbox" id="selall" onclick="doCheckClick()"/>全选
						</td>
 

								<input name="simUnitCodeList" type="checkbox" value='EA04' 
								 />&#20013;&#36135;&#33322;
								
							
								<input name="simUnitCodeList" type="checkbox" value='EA08' 
								 />&#23665;&#19996;
								
							
								<input name="simUnitCodeList" type="checkbox" value='EA06' 
								 />&#27743;&#35199;
								
							
								<input name="simUnitCodeList" type="checkbox" value='EA16' 
								 />&#22235;&#24029;
								
							
								<input name="simUnitCodeList" type="checkbox" value='EA17' 
								 />&#19978;&#33322;
								
							
								<input name="simUnitCodeList" type="checkbox" value='EA12' 
								 />&#35199;&#21271;

ＪＱ　代码　：　

		function doCheckClick(){
			$('input[name="simUnitCodeList"]').attr("checked", $("#selall").is (":checked"));
		}