'checkbox'에 해당되는 글 2건
- 2011/01/18 JSP Checkbox를 포함한 리스트페이지에서 멀티 체크와 삭제
- 2008/04/13 Checkbox에 따라 컴포넌트 enable / disable
송신측 소스
<html>
<head>
<script language="javascript" type="text/javascript">
function checkAll(checkList, boolCheck) {
varchkSize = 0;
checkedCount = checkList.length;
if (typeof (checkedCount) != "undefined") {
for ( var i = 0; i < chkSize; i++) {
checkList[i].checked = boolCheck;
}
}
}
function checkDel() {
var chkFirList = document.getElementsByName('check');
var arrFir = new Array();
var cnt = 0;
for ( var idx = chkFirList.length - 1; 0 <= idx; idx--) {
if (chkFirList[idx].checked) {
arrFir[cnt] = chkFirList[idx].value;
cnt++;
}
}
if (arrFir.length != 0) {
document.form1.submit();
} else {
alert('삭제할 **를 선택하세요.');
return;
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="formprocess.jsp" id="checkList">
<input type="checkbox" onclick="javascript:checkAll(document.getElementsByName('check'), this.checked);" />전체선택
<input type="checkbox" name="check" value="1" /> 1
<input type="checkbox" name="check" value="2" /> 2
<input type="checkbox" name="check" value="3" /> 3
<input type="checkbox" name="check" value="4" /> 4
<input type="checkbox" name="check" value="5" /> 5
<input type="button" value="삭제" onclick="checkDel();">
</form>
</body>
</html>
<head>
<script language="javascript" type="text/javascript">
function checkAll(checkList, boolCheck) {
varchkSize = 0;
checkedCount = checkList.length;
if (typeof (checkedCount) != "undefined") {
for ( var i = 0; i < chkSize; i++) {
checkList[i].checked = boolCheck;
}
}
}
function checkDel() {
var chkFirList = document.getElementsByName('check');
var arrFir = new Array();
var cnt = 0;
for ( var idx = chkFirList.length - 1; 0 <= idx; idx--) {
if (chkFirList[idx].checked) {
arrFir[cnt] = chkFirList[idx].value;
cnt++;
}
}
if (arrFir.length != 0) {
document.form1.submit();
} else {
alert('삭제할 **를 선택하세요.');
return;
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="formprocess.jsp" id="checkList">
<input type="checkbox" onclick="javascript:checkAll(document.getElementsByName('check'), this.checked);" />전체선택
<input type="checkbox" name="check" value="1" /> 1
<input type="checkbox" name="check" value="2" /> 2
<input type="checkbox" name="check" value="3" /> 3
<input type="checkbox" name="check" value="4" /> 4
<input type="checkbox" name="check" value="5" /> 5
<input type="button" value="삭제" onclick="checkDel();">
</form>
</body>
</html>
수신측 소스
<html>
<head>
</head>
<body>
<%
String[] checks = request.getParameterValues("check");
int checklen = checks.length;
try {
for(int i=0; i<checklen; i++) {
out.println(checks[i]+";");
}
}
catch(Exception ex) {
out.println("exception occured");
}
%>
</body>
</html>
<head>
</head>
<body>
<%
String[] checks = request.getParameterValues("check");
int checklen = checks.length;
try {
for(int i=0; i<checklen; i++) {
out.println(checks[i]+";");
}
}
catch(Exception ex) {
out.println("exception occured");
}
%>
</body>
</html>
소스파일
CheckBoxReceiver.jsp
CheckBoxSender.html[참조] JSP) checkbox (리스트페이지 멀티 체크&삭제)
function show_input(num){
if (document.form1.check1.checked == true){
document.form1.text1.disabled = false; //입력 가능하게 해라
document.form1.text1.style.background = "white";
}
else { // 체크박스가 체크 해제 상태면
document.form1.text1.disabled = true; // 입력하지 못하게 한다
document.form1.text1.style.background = "silver";
document.form1.text1.value="";
}
}
function check(){
var aa = document.form1.text1.value;
var bb = document.form1.text2.value;
if (aa.toLowerCase() == bb.toLowerCase()){
alert("같어")
}
else {
alert("틀려")
}
}
Prev
Rss Feed