当前位置: 代码迷 >> Web前端 >> JQ判断旋钮,复选框是否选中
  详细解决方案

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

热度:112   发布时间:2012-10-08 19:54:56.0
JQ判断按钮,复选框是否选中

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;
								

?

?

JQ 代码 : 

?

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

?

?

?

  相关解决方案