JAVA/JavaScript
체크박스 전체선택
java나유
2022. 7. 24. 14:01
<script>
const product={
"pd_name":[
["셔링 숄더백","36000",2],
["루이까또즈 숄더백","190000",4],
["꾸찌 오피디아 미디엄 백팩","269000",3],
["백스테이 베르스 서류가방","175000",1]
]
};
</script>조건문을 사용하여 전체체크
<script>
function allcheck2(){
if(f.allcheck.checked==true){
var w=0;
while(w<ea){
f.pd[w].checked=true;
w++;
}
}else{
var w=0;
while(w<ea){
f.pd[w].checked=false;
w++;
}
}
}
function method2(){
//하나라도 체크가 되어야만 전송이 됨(응용)
f.submit();
}
</script>바디
<body>
<form id="f" name="f" method="get" action="./product.html">
<table border="1" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th><input type="checkbox" id="allcheck" onclick="allcheck2();"></th>
<th>상품명</th>
<th>가격</th>
</tr>
</thead>
<tbody id="list">
<!-- <tr>
<td><input type="checkbox" name="a" value="a"></td>
<td>상품명</td>
<td>가격</td>
</tr>-->
</tbody>
</table>
<input type="button" value="구매하기" onclick="method2();">
</form>
</body>728x90