<!-- 下面的对档率显示栏位复选框，需要配置类表$CONSISTENTS_CHECKBOX才会出现 -->
<c:forEach items="${consistentCheckbox}" var="item">
<input type="checkbox" name="consistents" value="${item.value}"
<c:forEach items="${consistents}" var="checkedValue" >
<c:if test="${item.value==checkedValue}" >checked</c:if>
</c:forEach>
/>${item.text}
</c:forEach>
</td>
<script type="text/javascript">function chk(){
var aa=document.getElementsByName("pro")
for(i=0i<aa.lengthi++){
if(document.getElementById("all").checked==true){aa[i].checked=true }else{
aa[i].checked=false}
}
}
</script>
</head>
<body>
<div>
<p><input type="checkbox" id="all" onclick="chk()" />全选</p>
<p><input type="checkbox" name="pro" />选项1</p>
<p><input type="checkbox" name="pro" />选项2</p>
<p><input type="checkbox" name="pro" />选项3</p>
<p><input type="checkbox" name="pro" />选项4</p>
<p><input type="checkbox" name="pro" />选项5</p>
<p><input type="checkbox" name="pro" />选项6</p>
<p><input type="checkbox" name="pro" />选项7</p>
</div>
</body>
下面怎么写 你懂得！ 选项名就是书名 要懂得修改
几个问题
第一个问题$()没闭合。
$(function () {var interestsValues = ['TableTennis', 'Basketball']
var interests = ""
for (var i = 0 i < interestsValues.length i++) {
interests += '<label><input type="checkbox"/>' + interestsValues[i] + '<label>'
}
$("#checkedbox").append(interests)
})
第二个问题，DOM未加载完成就可以 *** 作DOM
$(document).ready(function() {var interestsValues = ['TableTennis', 'Basketball']
var interests = ""
for (var i = 0 i < interestsValues.length i++) {
interests += '<label><input type="checkbox"/>' + interestsValues[i] + '<label>'
}
$("#checkedbox").append(interests)
})
或者把js放在</body>结束标签前面，来确保DOM已加载完成
<p>趣味：
</p>
<div id="checkedbox"></div>
<input type="reset" name="reset" value="返回" />
<input type="button" name="login" value="确认" onclick="window.location.href='JSP/kunin.jsp'" />
<script>
$(document).ready(function() {
var interestsValues = ['TableTennis', 'Basketball']
var interests = ""
for (var i = 0 i < interestsValues.length i++) {
interests += '<label><input type="checkbox"/>' + interestsValues[i] + '<label>'
}
$("#checkedbox").append(interests)
})
</script>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）