웹모아 
웹모아[손님] 검색 로그인   
웹모아
 
버턴관련테그
 


체크박스라디오버튼체크유무검사.html
  2007-05-30 20:51:16 조회:7203


<SCRIPT LANGUAGE="JavaScript">
//전체 선택하기 함수
var checkflag="false";
function check(field,imgsrc){ //전체선택을 했을 경우 (개체명,이미지아이디값)
if (checkflag=="false"){
for (i=0; i<field.length; i++){
field[i].checked=true;}
checkflag="true";
imgsrc.src="./images/deselect.gif";}
else { //전체해제를 했을경우
for (i=0; i<field.length; i++){
field[i].checked=false;}
checkflag="false";
imgsrc.src="./images/select.gif";}
}
//체크박스 라디오버튼등 체크유무 검사 함수
function ischeck(field){
var cnt=0;
for (i=0; i<field.length; i++){
if (field[i].checked){ //선택했으면
cnt++;
}
}//end for
if (cnt==0){return false;}
return true;
}//end function

//공백체크 함수
function rm_blk2(str){
var p=str.indexOf(" ");
var j=0;
while(p!=-1){
str=str.replace(" ","");
p=str.indexOf(" ");
j++;
}
if(j>0){return false;}
return true;
}

///////////////////////////////////////////////////////
//공백제거해서 value값 retrun 해주는 함수
function removeblank(str){
var p=str.indexOf(" ");
var j=0;
while(p!=-1){
str=str.replace(" ","");
p=str.indexOf(" ");
}
return str;
}
////////////////////////////////////////////////////////
var flag=1
function checks(){

      var flag=0;
      var f=document.tf

      if (f.name.value==""){
            alert("write name");
            f.name.focus();
      }
      else if(rm_blk2(tf.name.value)==false){
            alert("이름에는 공백을 쓰실수 없습니다.");
            tf.name.value=removeblank(tf.name.value);
            tf.name.focus();
      }
      else if(ischeck(f.hob)==false){
       alert("취미를 선택하세요");
      }
      else if(ischeck(f.com)==false){
       alert("매체를 선택하세요");
      }
      else if(ischeck(f.color)==false){
       alert("색깔을 선택하세요");
      }
      else{tf.submit();}
}

</SCRIPT>

<FORM METHOD=POST ACTION="test.asp" name=tf>
1.이름<br>
<INPUT TYPE="text" NAME="name" value=""><br><br>
2.취미를 선택하세요. <br>
<INPUT TYPE="checkbox" NAME="hob" value="1">운 동
<INPUT TYPE="checkbox" NAME="hob" value="2">독 서
<INPUT TYPE="checkbox" NAME="hob" value="3">영화감상
<INPUT TYPE="checkbox" NAME="hob" value="4">음악감상
<br><br>
3.자주 이용하는 대중매체를 선택하세요. <br>
<INPUT TYPE="checkbox" NAME="com" value="1">신 문
<INPUT TYPE="checkbox" NAME="com" value="2">방 송
<INPUT TYPE="checkbox" NAME="com" value="3">라디오
<INPUT TYPE="checkbox" NAME="com" value="4">주간지
<br><br>
4.좋아하는 색깔을 선택하세요.<br>
<INPUT TYPE="radio" NAME="color" value="b">blue
<INPUT TYPE="radio" NAME="color" value="r">red
<INPUT TYPE="radio" NAME="color" value="y">yellow
<INPUT TYPE="radio" NAME="color" value="g">green
<br><br>

<INPUT TYPE="button" value="전송" onclick="checks();">

</FORM>

실행해보기   (실행2)





 댓글 (0)


버턴관련테그
페이지: 1 / 2   

 
  label 태그
label 이라는 매우 편리한 태그가 존재함에도 불구하고 아직도 많은 사람들은 라디오 버튼이나 체크박스를 찍을때 박스를 정확히 찍도록 만들며, 혹은 스크립트 삽질로 같은 기능을 구현하는 경우가 있다. label 태그를 써보자. 각각의 input 들은 label이라고 하는 태그를 통해서 접근할 수도 있다. label 태그를 이용하면 사용자는 label조회(8784)          



    [RE] Label 태그를 Image로 하기
ie에서 label태그를 텍스트가 아닌 이미지로 쓸 경우의 버그 label TEXT 위 코드처럼 label TEXT란 글자를 label태그로 감싼 후 checkbox의 id와 label 태그의 for값을 매칭시켜주면 아래의 예시와 같이 checkbox와 텍스트는 서로 연동되어져 동작하게 됩니다. 텍스트에 클릭을 해도 체크박스조회(6814)          



  Select 꾸미기 optgroup 사용
select{background:#708090; width:150px; height:24px;} option{background:#405060; color:#f1f1f1;} optgroup{background:#102030; color:#708090;} 통합검색 웹문서 사이트 전화번호 지역정보 블로그·클(홈마스타)     조회(6862)          



  체크박스라디오버튼체크유무검사.html
//전체 선택하기 함수 var checkflag="false"; function check(field,imgsrc){ //전체선택을 했을 경우 (개체명,이미지아이디값) if (checkflag=="false"){ for (i=0; i(홈마스타)     조회(7204)          



  input type="file" 의 value값
file 타입의 input태그는 readOnly 속성이기 때문에 value 속성에 사용자가 임으로 값을 넣을수가 없습니다. 때문에 초기화하고자 할경우 document.file.value = "";처럼 사용하실수가 없겠죠. 이럴때 유용한 방법이 되겠네요... (홈마스타)     조회(6828)          



    [RE] input type=\
(홈마스타)     조회(6673)          





    [RE] input type=\
(홈마스타)     조회(6711)          



  input 버턴의 모양
111: 글자제한과 폰트사이즈 지정 font-size:7pt; 인푸트폼의 넓이와 높이를 지정 width:150pt; height:12pt; 글자제한과 폰트사이즈와 백그라운드이미지 지정 background-image:url('test.gif'); (홈마스타)     조회(6589)          



  중보입력 방지 루틴
function f1sub(write_mode) { //글쓰기 document.getElementById('btn_submit').disabled = true; if (write_mode=='bw') ac_file='./b_write.php'; e(홈마스타)     조회(6807)          



  파일업로드 버턴을 이미지로
(홈마스타)     조회(357)          



    [RE] [JavaScript] input type
방법1. 방법2. <input type="text" name="tmpfile"> <img src="search.gif" border="0" onClick="filename.click()"> <input type="file" na(홈마스타)     조회(309)          



      [RE] [JavaScript] input typ
(홈마스타)     조회(309)          



  버터느 글상자 꾸미기
즉 input 태그 안에 속성 형식으로 style="color:색의 이름;" 으로 색깔을 정했고 배경그림을 style="background-color:색의 이름;" 식으로 넣었고...border-width:두께; 이런식으로 정의할 수 있습니다... 배경을 넣으려면 style="background-image:배경그림주소;" 해주시면 됩(홈마스타)     조회(330)          



  체크박스가 하나이상 체크 되었는지 검사하는 루틴
(홈마스타)     조회(314)          



  셀렉트박스 보이는 리스트 갯수 조정
11 22 33 44 11 22 33 44 11 22 33 44 (홈마스타)     조회(307)          




≪ [1]  [2]   ≫

복수단어 검색은 공백(space)로 구분해 주세요.


 
최근 글
[손님]
163
291
505
301
313
193
280
3276
870
888
1070
911
4181
3481
3542
 
인기 글
[손님]
3270
5615
3629
10550
9914
3927
3163
3262
  [홈마스타] 자동링크
3055
9994
6402
3670
  [홈마스타] check박스 배열 넘기기
5556
4340
4092