复选框checkbox具有什么功能 (复选框checkbox不能编辑)

<form>
 <input type="button" id="CheckAll" value="全选" />
 <input type="button" id="CheckNo" value="全不选" />
 <input type="button" id="CheckRev" value="反选" />
 
 你爱好的运动是？
 <input type="checkbox" name="items" value="足球" />足球
 <input type="checkbox" name="items" value="篮球" />篮球
 <input type="checkbox" name="items" value="羽毛球" />羽毛球
 <input type="checkbox" name="items" value="乒乓球" />乒乓球 <br/>
 </form>
 
 
 <script>
 $(function(){
 $("#CheckAll").click(function(){
 $("input:checkbox").prop("checked","checked");
 });
 $("#CheckNo").click(function(){
 $("input:checkbox").removeAttr("checked");
 });
 $("#CheckRev").click(function(){
 $("input:checkbox").each(function(){
 this.checked=!this.checked;
 });
 });
 });
</script>

点击事件

<!-- 联动 -->
<tr class="ld">
	<td class="yusys-width120">中间页设置：</td>
	<td class="yusys-width140">
	<input type="checkbox" name="mset" value="1" />营销话术设置
	<input type="checkbox" name="mset" value="2" />营销图片设置
	<input type="checkbox" name="mset" value="3"/>提示按钮设置
	<font class="star">*</font></td>
</tr>
<tr class="ld1" style="display: none;">
	<td class="yusys-width120">营销话术设置：</td>
	<td class="yusys-width140"><input class="yusys-width140 yusys-height16" type="text" required="required" name="CARD_NAME" id="cardName" value="${data.CARD_NAME }" /><font class="star">*</font></td>
</tr>
<tr class="ld2" style="display: none;">
	<td class="yusys-width120">营销图片设置：</td>
	<td class="yusys-width140"><input class="yusys-width140 yusys-height16" type="text" required="required" name="CARD_NAME" id="cardName" value="${data.CARD_NAME }" /><font class="star">*</font></td>
</tr>
<tr class="ld3" style="display: none;">
	<td class="yusys-width120">提示按钮设置设置：</td>
	<td class="yusys-width140"><a href="javascript:void(0)" onclick="addtip();">添加提示按钮</a></td>
</tr>
<tr class="ld3" style="display: none;">
	<td class="yusys-width120">按钮1提示语：</td>
	<td class="yusys-width140">
	<input class="yusys-width140 yusys-height16" type="text" required="required" name="CARD_NAME" id="cardName" value="${data.CARD_NAME }" /><font class="star">*</font></td>
</tr>
<tr class="ld3" style="display: none;">
	<td class="yusys-width120">按钮1功能：</td>
	<td class="yusys-width140"><select class="yusys-width140 yusys-height16" name="CARD_LENGTH">
			<option <c:if test="${data.CARD_LENGTH == '16'}">selected</c:if> value="1" >记录且跳转营销页</option>
			<option <c:if test="${data.CARD_LENGTH == '17'}">selected</c:if> value="2">直接跳转营销页</option>
			<option <c:if test="${data.CARD_LENGTH == '18' || data eq null}">selected</c:if> value="3">退出</option>
	</select> <font class="star">*</font></td>
</tr>
$('input:checkbox[name="mset"]').click(function () {
 $(".ld1").hide();
 $(".ld2").hide();
 $(".ld3").hide();
 $('input:checkbox[name="mset"]:checked').each(function (index, val) {
 var check = val.value;
 if (check == 1) {
 $(".ld1").show();
 }
 if (check == 2) {
 $(".ld2").show();
 }
 if (check == 3) {
 $(".ld3").show();
 }
 })
 });