체크박스 체크된 값만 가져오기 (checkbox checked valuese)
<body>
<form:form commandName="" id="listForm" name="listForm">
<button type="button" id="expsrYn1" name="expsrYn" class="btn btnexpsrYn">노출</button>
<button type="button" id="expsrYn2" name="expsrYn" class="btn btnexpsrYn">비노출</button>
<input type="checkbox" name="pkList" id="PkList_1" value="no1">
<input type="checkbox" name="pkList" id="PkList_2" value="no2">
<input type="checkbox" name="pkList" id="PkList_3" value="no3">
<input type="checkbox" name="pkList" id="PkList_4" value="no4">
</form:form>
<script>
var $form = $("#listForm");
$(function() {
$form.find(".btnexpsrYn").on('click', function(e){
var chked_val = "";
$(":checkbox[name='pkList']:checked").each(function(pi,po){
chked_val += ","+po.value;
console.log(pi);
});
chked_val = chked_val.substring(1); // 1st (,) removed
console.log(chked_val);
});
});
</script>
</body>
'경험치바(Experience Opint Bar)' 카테고리의 다른 글
| serialize() 이용 간단히 form 값을 서버로 넘기는 방법 (ajax 사용) (0) | 2018.07.04 |
|---|---|
| serialize(), 폼(form) 요소 name 값(value)를 문자열로 변환(incoding) (0) | 2018.07.04 |
| 쇼핑몰 운영 - 내시간 벌기 (Life time up) 최소 비용,시간 투자 [정보] (0) | 2018.06.30 |
| jQuery closest(), parents() 메소드의 차이 (0) | 2018.06.29 |
| 자바스크립트(JavaScript) 문자변환 치환 (replace) (0) | 2018.06.29 |