κ°λ° Life
input checkbox 체ν¬λ°μ€ μ 체 μ ν, νλ μ΄μ μ ν κ²μ¦
SOBOB
2016. 7. 14. 16:21
λ°μν
μ΄ν <script></script>
//체ν¬λ°μ€ μ 체 μ ν,
function checkAll () {
var obj = document.getElementsByName("no[]");
if (obj.length > 0){
for( var i=0; i< obj.length; i++) {
if (obj[i].checked == false){
obj[i].checked = true;
}else{
obj[i].checked = false;
}
}
}
}
// 체ν¬λ°μ€ μ²΄ν¬ validate (체ν¬λ°μ€ μ ν¨μ± κ²μ¦)
function chkchk (form){
var arr_form = document.getElementsByName('no[]');
var num = 0;
for(var i=0; i<arr_form.length; i++){
if(arr_form[i].checked){
num++;
}
}
if(!num){
alert('νλ μ΄μ μ νν΄μ£ΌμκΈ° λ°λλλ€');
return false;
}
}
</script>
μ΄ν <body></body>
<body>
<!-- λ²νΌμ submitμ΄ λμ§ μμ, form μμΉμ μκ΄μμ΄ λ£μΌμλ©΄ λ©λλ€. -->
<button type="button" onclick="checkAll();">μ 체μ ννκΈ°</button>
<form name="TEST" method="POST" action="" onsubmit="return chkchk(this);">
1 : <input type="checkbox" id="chk_chg" name="no[]" value="1">
2 : <input type="checkbox" id="chk_chg" name="no[]" value="2">
3 : <input type="checkbox" id="chk_chg" name="no[]" value="3">
4 : <input type="checkbox" id="chk_chg" name="no[]" value="4">
5 : <input type="checkbox" id="chk_chg" name="no[]" value="5">
<button>μ μ‘</button>
</form>
</body>
μμ£Ό μ½μ£ .
λ°μν