본문 바로가기

일하면서배운것

JS 라벨을 클릭하면 동일한 이름의 라벨을 모두 선택

<tr>
    <td><input type="checkbox" class="{{org_nm}}">
    <span name="{{org_nm}}" onclick="setOrg(this, '{{org_nm}}')">{{org_nm}}</span>
    </td>
</tr>


function setOrg(el, org_nm) {
	var org_nm = org_nm;
	var orgs = document.getElementsByName(org_nm);
	var checkbox = $("input."+org_nm)

	for (var i = 0; i < checkbox.length; i++ ){
		if(!checkbox[i].checked) {
			checkbox[i].checked = true;
		} else {
			checkbox[i].checked = false;
		}
	}
}

 

span 태그에 Onclick 이벤트가 일어날 때 파라미터로 org_nm을 넘긴다.

input태그의 체크박스에 org_nm을 함께 클래스명으로 준다.