라디오 버튼 질문좀 드립니다
본문
아래소스는 아래 이미지와 보는것과 같이 소스입니다
하지만 저런방식말고 라디오 버튼 식으로 하고싶은데 어떻게 해야할까요
알려주시면 감사하겠습니다
부탁드립니다
<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="넘길값"/>
이정도 셀렉트 박스 내용이면 라디오 버튼으로 변경하면 엄청 보기 안좋아질 것 같은데요..
라디오로 바꾸려고 하는 이유가 있으신건가요?