1. 程式人生 > >input type=‘checkbox’ 第一個單選其他的多選

input type=‘checkbox’ 第一個單選其他的多選

HTML程式碼
<table>
		<tr>
		<td><input type="checkbox" name="b">無</td><td>內容</td>
		</tr>
		<tr>
		<td><input type="checkbox" name="a"></td><td>複選1</td>
		</tr>
		<tr>
		<td><input type="checkbox" name="a"></td><td>複選2</td>
		</tr>
		<tr>
		<td><input type="checkbox" name="a"></td><td>複選3</td>
		</tr>
		<tr>
		<td><input type="checkbox" name="a"></td><td>複選4</td>
		</tr>
		<tr>
		<td><input type="checkbox" name="a"></td><td>複選5</td>
		</tr>
		<tr>
		<td><input type="checkbox" name="a"></td><td>複選6</td>
		</tr>
	</table>
	實現點選input為無的按鈕 取消其他的選中,選擇其他的input取消按鈕無的選中
	JQ程式碼
	$("input[name='b']").click(function(){
		//判斷當前點選的複選框處於什麼狀態$(this).is(":checked") 返回的是布林型別
		if($(this).is(":checked")){
				$("input[name='a']").prop("checked",false);
				$("input[name='b']").prop("disabled",true);
				}
			});
		$("input[name='a']").click(function(){
			if($(this).is(":checked")){
			$("input[name='b']").prop("checked",false);
			$("input[name='b']").prop("disabled",false);
			}
		});

實現效果圖片 在這裡插入圖片描述 在這裡插入圖片描述