test.jsp
페이지 정보
본문
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.4.1.min.js"></script>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td><input type="checkbox" id="allCk"></td>
<td>아이디</td>
<td>주소</td>
<td>레밸</td>
</tr>
<tr>
<td><input type='checkbox' class="chk" name='m_uid[]' value='0'></td>
<td><input name="m_id[]" value="0000"></td>
<td><input name="m_addr[]" value="부산시 동래구 명장동"></td>
<td>
<select name="m_level[]">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
</tr>
<tr>
<td><input type='checkbox' class="chk" name='m_uid[]' value='1'></td>
<td><input name="m_id[]" value="1111"></td>
<td><input name="m_addr[]" value="부산시 동래구 안락동"></td>
<td>
<select name="m_level[]">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
</tr>
<tr>
<td colspan=4>
<span onclick="mode_go('m')">[선택수정]</span> <span onclick="mode_go('d')">[선택삭제]</span>
</td>
</tr>
</table>
<form name="dancepkt" action="result.jsp" method="post">
<input type="hidden" id="mode" name="mode" value="">
<textarea style="display:none" id="total" name="total"></textarea>
</form>
<script>
$('#allCk').click(function(){ //체크박스 전체 선택
var checked = $('#allCk').is(':checked'); //true, false 반환
if(checked){ //true
$(".chk").prop('checked',true);
}else{ //false
$(".chk").prop('checked',false);
}
});
function mode_go(str) {
var chk_uid = $("input[name='m_uid[]']");
var chk_id = $("input[name='m_id[]']");
var chk_addr = $("input[name='m_addr[]']");
var chk_level = $("select[name='m_level[]']");
var chk_data = [];
for( var i=0; i<chk_uid.length; i++ ) {
if(chk_uid[i].checked == true){
chk_data[i] = chk_uid[i].value;
chk_data[i] += "_"+chk_id[i].value;
chk_data[i] += "_"+chk_addr[i].value;
chk_data[i] += "_"+chk_level[i].value;
}
}
dancepkt.mode.value=str;
dancepkt.total.value=chk_data;
document.dancepkt.submit();
}
</script>
- 이전글◆ 전체 선택 , 부분 선택 ( 체크박스 ) - [삭제], [수정] 처리 23.03.21
- 다음글result.jsp 23.03.21
댓글목록
등록된 댓글이 없습니다.