checkBox 選中 移除

（1）使用原生JavaScript判斷是否選中checkbox框  （js）

<input type="checkbox" id="test" class="test">同意
<script>
    // 獲取checkbox元素
    var box=document.getElementById("test");      
    // 判斷是否被拒選中，選中返回true，未選中返回false
    alert(box.checked);
</script>

（2）使用原生JavaScript移除選中checkbox框  （js）

<input type="checkbox" id="test" class="test">同意
<script>
    // 獲取checkbox元素
    var box=document.getElementById("test");      
    // 判斷是否被拒選中，選中返回true，未選中返回false
    box.checked=false;
</script>

 （3）使用jQuery判斷是否選中checkbox框  （jQuery）

<input type="checkbox" id="test" class="test">同意
<script>
    // 選中返回true，未選中返回false
    $('#test').is(":checked");

    // 選中返回true，未選中返回false;一定要注意，這裡不可以使用attr("checked")來判斷
    $("#test").prop("checked")
</script>
 

 （4）使用jQuery設定選中checkbox框  （jQuery）

<input type="checkbox" id="test" class="test">同意
<script>
     $("#test").prop("checked","true")
     $("#test").attr("checked","true")
</script>

（5）使用jQuery設定移除checkbox框  （jQuery） 

<input type="checkbox" id="test" class="test">同意
<script>
     $("#test").prop("checked","false")
     $("#test").attr("checked","false")
</script>
 

*（6）checkbox框 強制勾選當前 進行選中，之前勾選去除（jQuery） 

html頁面：

<ul class="the-icons clearfix pro_ul" uc="up" id="pro_ul_checkbox">
	<c:forEach items="${products }" varStatus="stt" var="pro">
		<li ptp="zf" pid="${pro.productCode }" mid="${pro.platformNo }" onclick="forProFlag('${pro.status}')">
			<input type="checkbox" id="m_pro_${pro.productCode }" name="m_pro" value="${pro.productCode}"
				   memberId="${pro.platformNo}" productCodeName="${pro.description}"
				   class="checker box_show">
			<span title="${pro.description }">
				 <c:if test="${pro.status=='CLOSE'}">
					<b class="unIn">${pro.description }</b>
				 </c:if>
				 <c:if test="${pro.status=='OPEN'}">
					${pro.description }
				 </c:if>
		   </span>
		</li>
	</c:forEach>
</ul>

Js操作：

$(".pro_ul li input").on("click",function(){
	<!--去除勾選之前的樣式-->
	$('.pro_ul input[name="m_pro"]').parent().removeClass("checked");
	
	<!--實際使得去除勾選之前值失效-->
	$('.pro_ul input[name="m_pro"]').attr("checked" ,false);
	
	<!--勾選當前選中的 樣式增加-->
	$(this).addClass("checked");
	<!--實際勾選當前選中的 使得勾選中生效-->
	$(this).attr("checked", true);
	
});

-->參考文獻