jQuery | 선택(radio, select)박스 이미지 처리
페이지 정보
작성자 100K5 작성일13-12-04 18:46 조회61,402회 댓글0건관련링크
본문
select 또는 radio 버튼을 이미지로 만들어 클릭시 선택된 이미지로 변경하도록 한다.
<%
' 변수
OX_DATA = Array("",1,2,1,1,2)
%>
function img_select(v, num) {
// input 박스에 값을 저장 한다.
// 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");
}
}
$("#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%>)" />
<img src="/../cancel_<%=iif(OX_DATA(i) = 2, "on", "off")%>.gif" id="selectX_<%=i%>" onclick="img_select(2, <%=i%>)" />
<%next%>
댓글목록
등록된 댓글이 없습니다.