select 또는 radio 버튼을 이미지로 만들어 클릭시 선택된 이미지로 변경하도록 한다.

 

<%

   ' 변수

   OX_DATA      = Array("",1,2,1,1,2)

%>

 

function img_select(v, num) {
   // input 박스에 값을 저장 한다.

   $("#ox"+num).val(v);

 

   if (v == 1) {
      $("#selectO_"+num).attr("src", "/../ok_on.gif");
      $("#selectX_"+num).attr("src", "/../cancel_off.gif");
   }else {
      $("#selectO_"+num).attr("src", "/../ok_off.gif");
      $("#selectX_"+num).attr("src", "/../cancel_on.gif");
   }
}

 

ASP 예

 

<%For i = 1 To 5%>

<input type="hidden" name="ox<%=i%>" id="ox<%=i%>" value="<%=OX_DATA(i)%>" />

<img src="/../ok_<%=iif(OX_DATA(i) = 1, "on", "off")%>.gif" id="selectO_<%=i%>" onclick="img_select(1, <%=i%>)" />
    <img src="/../cancel_<%=iif(OX_DATA(i) = 2, "on", "off")%>.gif" id="selectX_<%=i%>" onclick="img_select(2, <%=i%>)" />

<%next%>