개발 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>


μ•„μ£Ό 쉽죠.


λ°˜μ‘ν˜•