라디오 버튼 질문좀 드립니다

라디오 버튼 질문좀 드립니다

QA

라디오 버튼 질문좀 드립니다

답변 2

본문

아래소스는 아래 이미지와 보는것과 같이 소스입니다

하지만 저런방식말고 라디오 버튼 식으로 하고싶은데 어떻게 해야할까요 

알려주시면 감사하겠습니다 

부탁드립니다 

 

5d29f59b7d6e1bb55fcf7d2cfb86ab8c_1457072261_1152.PNG
 

 

 

 

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

    <td><img src="<?=$board_skin_path?>/img/box2_tl.gif" border="0" /></td>

    <td width="100%" background="<?=$board_skin_path?>/img/box2_tc.gif"></td>

    <td><img src="<?=$board_skin_path?>/img/box2_tr.gif" border="0" /></td>

  </tr>

  <tr>

    <td background="<?=$board_skin_path?>/img/box2_ml.gif"></td>

    <td style="PADDING:4 4 4 4" valign="top">

 

<!--/여기부터/-->

 

<SCRIPT language=JavaScript src="<?=$board_skin_path?>/common.js"></SCRIPT>

 

<script language="javascript">

<!--//-- 스킨용 : 여유필드 다중셀렉트창

 

//-- 여유필드 중복셀렉트가 가능하게 해주는 함수

//-- 수정작업시, 아래 함수와 함께 write.skin.php에 사용된 '여유필드(wr_?)이름과 셀렉트문'을 가져와 붙이면 바로적용가능

//-- 단, 반드시 게시물리스트(list.skin.php)에 여유필드값이 게시물에 주어져야함.

//-- 중복필드가 필요없는 경우 'document.fwrite.srch_type.value'삭제, 셀렉트문삭제, value값에서 필드명삭제

function onChangeKey2() { 

 

var pattern = new RegExp('[^가-힣a-zA-Z0-9]', 'i'); 

if (fwrite.stx.value) { 

if (pattern.exec(fwrite.stx.value) != null) { 

alert("'"+fwrite.stx.value + "'는 사용할수 없습니다. \n\n 올바르게 입력하세요 \n\n 특수문자,공백,한문,불가."); 

return; 

}

 else { 

fwrite.stx.focus(); 

}

 

var wr_1 = document.fwrite.wr_1.value;

var wr_2 = document.fwrite.wr_2.value;

var ca_name = document.fwrite.ca_name.value;

var wr_3 = document.fwrite.wr_3.value;

var wr_4 = document.fwrite.wr_4.value;

var stx2 = document.fwrite.stx.value;

 

if (wr_1 == "" && wr_2 == "" && wr_3 == "" && wr_4 == "" && ca_name == "" && stx2 == "") {

alert("검색조건을 선택하세요!!");

return false;

}

 

else {

if (wr_1 == "" && wr_2 == "" && wr_3 == "" && wr_4 == "" && ca_name == "" && stx2 != "")  {

document.fwrite.stx.value = stx2;

}

else if ((wr_1 != "" )&& (wr_2 == "" || wr_3 == "" || wr_4 == "" || ca_name == "" || stx2 == ""))  {

document.fwrite.stx.value = wr_1 + " " + wr_2 + " " + ca_name + " " + wr_3 + " " + wr_4 + " " + stx2;

}

else {

document.fwrite.stx.value = wr_1 + "" + wr_2 + "" + ca_name + "" + wr_3 + "" + wr_4 + "" + stx2;

}

document.fwrite.submit();

}

}

 

 

//-->  

</script>

<form name=fwrite method=get style="margin:0px;">

<input type=hidden name=bo_table value="<?=$bo_table?>">

<input type=hidden name=sca value="<?=$sca?>">

<input type=hidden name=sfl value="wr_1||wr_2||wr_3||wr_4||wr_7||wr_subject">

 

 

<SELECT class=box2  onchange=setSubSelect() name=wr_1 itemname='대분류' style="font-family:굴림; font-size:11; color:#81007f; background-color:#eed8ef;"> 

<OPTION value="">지역선택</OPTION>

<OPTION value="경상북도">경상북도</OPTION>

<OPTION value="경상남도">경상남도</OPTION>

<OPTION value="강원도">강원도</OPTION> 

<OPTION value="경기도">경기도</OPTION>

<OPTION value="광주광역시">광주광역시</OPTION>

<OPTION value="대구광역시">대구광역시</OPTION> 

<OPTION value="대전광역시">대전광역시</OPTION>

<OPTION value="부산광역시">부산광역시</OPTION>

<OPTION value="서울특별시">서울특별시</OPTION> 

<OPTION value="울산광역시">울산광역시</OPTION>

<OPTION value="인천광역시">인천광역시</OPTION>

<OPTION value="전라남도">전라남도</OPTION>

<OPTION value="전라북도">전라북도</OPTION>

<OPTION value="제주도">제주도</OPTION> 

<OPTION value="충청남도">충청남도</OPTION>

<OPTION value="충청북도">충청북도</OPTION>

</SELECT> 

<SELECT class=box2  name=wr_2 itemname='소분류' style="font-family:굴림; font-size:11; color:#81007f; background-color:#eed8ef;"> 

<OPTION value="" >지역선택</OPTION>

</SELECT>

 <SELECT class=box2  name=ca_name itemname='동선택' style="font-family:굴림; font-size:11; color:#81007f; background-color:#eed8ef;"> 

<OPTION value="" >동선택</OPTION>

<OPTION value="중앙동">중앙동</OPTION> 

<OPTION value="양학동" >양학동</OPTION>

<OPTION value="죽도동" >죽도동</OPTION>

<OPTION value="용흥동" >용흥동</OPTION>

<OPTION value="우창동" >우창동</OPTION>

<OPTION value="두호동" >두호동</OPTION> 

<OPTION value="장량동">장량동</OPTION>

<OPTION value="환여동" >환여동</OPTION>

<OPTION value="장성동" >장성동</OPTION>

<OPTION value="양덕동" >양덕동</OPTION>

<OPTION value="상대동">상대동</OPTION>

<OPTION value="해도동" >해도동</OPTION>

<OPTION value="송도동" >송도동</OPTION>

<OPTION value="청림동" >청림동</OPTION>

<OPTION value="제철동">제철동</OPTION>

<OPTION value="효곡동" >효곡동</OPTION>

<OPTION value="대이동" >이동</OPTION>

<OPTION value="제철동">덕수동</OPTION>

<OPTION value="효곡동" >대도동</OPTION>

<OPTION value="대이동" >대신동</OPTION>

</SELECT> 

 

<SELECT class=box2  name=wr_3 itemname='구분' style="font-family:굴림; font-size:11; color:#81007f; background-color:#eed8ef;"> 

<OPTION value="" >구분</OPTION>

<OPTION value="원룸">원룸</OPTION> 

<OPTION value="미니투룸" >미니투룸</OPTION>

<OPTION value="정투룸" >정투룸</OPTION>

<OPTION value="주인세대" >주인세대</OPTION>

<OPTION value="매매" >매매</OPTION>

<OPTION value="기타">기타</OPTION>

</SELECT> 

 

<SELECT class=box2  name=wr_4 itemname='평수' style="font-family:굴림; font-size:11; color:#81007f; background-color:#eed8ef;"> 

<OPTION value="" >평수선택</OPTION>   

<option value='1'>10평</option>

<option value='2'>11평</option>

   <option value='3'>12평</option>

<option value='4'>13평</option>

<option value='5'>14평</option>

<option value='6'>15평</option>

<option value='7'>16평</option>

<option value='8'>17평</option>

<option value='9'>18평</option>

<option value='10'>19평</option>

<option value='11'>20평</option>

<option value='12'>21평</option>

<option value='13'>22평</option>

<option value='14'>23평</option>

<option value='15'>24평</option>

<option value='16'>25평</option>

<option value='17'>26평</option>

<option value='18'>27평</option>

<option value='19'>28평</option>

<option value='20'>29평</option>

<option value='21'>30평</option>

<option value='22'>31평</option>

<option value='23'>32평</option>

<option value='24'>33평</option>

<option value='25'>34평</option>

<option value='26'>35평</option>

<option value='27'>36평</option>

<option value='28'>37평</option>

<option value='29'>38평</option>

<option value='30'>39평</option>

<option value='31'>40평</option>

</SELECT> 

 

 

 

<SELECT class=box2  name=wr_7 itemname='평수' style="font-family:굴림; font-size:11; color:#81007f; background-color:#eed8ef;"> 

<OPTION value="" >평수선택</OPTION>   

<option value='에어콘'>에어콘</option>

<option value='도시가스'>도시가스</option>

   <option value='인터넷'>인터넷</option>

<option value='식탁'>식탁</option>

<option value='5'>14평</option>

<option value='6'>15평</option>

<option value='7'>16평</option>

<option value='8'>17평</option>

<option value='9'>18평</option>

<option value='10'>19평</option>

<option value='11'>20평</option>

<option value='12'>21평</option>

<option value='13'>22평</option>

<option value='14'>23평</option>

<option value='15'>24평</option>

<option value='16'>25평</option>

<option value='17'>26평</option>

<option value='18'>27평</option>

<option value='19'>28평</option>

<option value='20'>29평</option>

<option value='21'>30평</option>

<option value='22'>31평</option>

<option value='23'>32평</option>

<option value='24'>33평</option>

<option value='25'>34평</option>

<option value='26'>35평</option>

<option value='27'>36평</option>

<option value='28'>37평</option>

<option value='29'>38평</option>

<option value='30'>39평</option>

<option value='31'>40평</option>

</SELECT> 

 

 

 

<input type=text name=stx maxlength=15 size=10 class=input itemname="검색어"  value="">

<input type=image onClick="onChangeKey2();return false;" src="<?=$board_skin_path?>/img/search.gif" align=absmiddle border=0><input type=hidden name=sop value='and'><!--input type=hidden name=stx value=''-->

 

</form>

<?

// if ($wr_1 != "") { $stx = ""; }

?>

 

 

<!--/여기까지/-->

 

</td>

    <td background="<?=$board_skin_path?>/img/box2_mr.gif"></td>

  </tr>

  <tr>

    <td><img src="<?=$board_skin_path?>/img/box2_bl.gif" border="0" /></td>

    <td width="100%" background="<?=$board_skin_path?>/img/box2_bc.gif"></td>

    <td><img src="<?=$board_skin_path?>/img/box2_br.gif" border="0" /></td>

  </tr>

</table>

이 질문에 댓글 쓰기 :

답변 2

위 내용은.. 라디오로 다 변경하시면됩니다.. 근데 모양을 어떻게 잡으시려는지..

각각에 사용처가 다른데 위 상황은 셀렉트 박스가 맞습니다.

 

 

11평<inupt type="radio" name="selectbox의 name 값" value="넘길값"/>

12평<inupt type="radio" name="selectbox의 name 값" value="넘길값"/>

13평<inupt type="radio" name="selectbox의 name 값" value="넘길값"/>

14평<inupt type="radio" name="selectbox의 name 값" value="넘길값"/>

 

답변을 작성하시기 전에 로그인 해주세요.
전체 3
© SIRSOFT
현재 페이지 제일 처음으로