1.selectbox의 이름으로 선택하기
<input type="text" name="TXT" id="TXT">
<select name="SELECTBOX" id="SELECTBOX">
<option value="1">1학기</option>
<option value="2">2학기</option>
</select>
<a href="#" class="CLASSNAME" SELECTBOX="2학기">선택</a>
$('.CLASSNAME').click(function(e) {
e.preventDefault();
// 링크의 속성값을 구한 후
var str = $(this).attr("SELECTBOX");
// 구한 값과 일치하는 SELECTBOX를 선택
$("select[id='SELECTBOX'] option:contains(" + str + ")").attr("selected", "selected");
});
2.SELECTBOX DISABLE, ENABLE
$("#SELECTBOX").attr("disabled", "disabled"); // DISABLE
$("#SELECTBOX").removeAttr("disabled"); // ENABLE
3.엔터시 포커스 주고 클릭하기
$('#TXT').keypress(function(e) {
if(e.which == 13) {
jQuery(this).blur();
jQuery('.CLASSNAME').focus().click();
return false;
}
});
4.선택된 selectbox의 text구하기
alert($("#SELECTBOX option:selected").text());
5.selectbox 변경시 이벤트 발생
$("#SELECTBOX").change(function() {
alert("event 발생");
});
6.checkbox 토글 전체선택, 전체해제
$("#ALLCHK").click(function() {
if($("#ALLCHK").prop("checked")) {
$(".CLASSCHECKBOX").prop("checked",true).change();
} else {
//체크해제
$(".CLASSCHECKBOX").prop("checked",false).change();
}
})
6.TD클릭시 이동
<td class="btnRead" IDX="<%=IDX%>">이동</td>
$(document).on("click", "td.btnRead", function() {
var IDX;
IDX = $(this).attr("IDX");
document.location.href = "LINK.asp?IDX=" + AIR;
});
7.ASP배열로 radio, checkbox를 다수 생성 후 각각 radio button change event 발생시, checkbox change event 발생시 처리
<%
For i = 0 To UBound(arrData, 2)
%>
$(".A_ATTENDRADIO<%=i %>").on("change", function(e) {
e.preventDefault();
$(".A_ATTENDCD").eq(<%=i %>).val($(this).val());
if ($(this).val() == '') {
} else {
$(".A_ATTEND_SCHOOLVISIT").eq(<%=i %>).val('');
$(".A_ATTEND_SCHOOLVISITCHECK<%=i %>").prop('checked', false);
}
var chkAttend;
chkAttend = $('.A_ATTENDRADIO<%=i %>:checked').val();
if (chkAttend == "0401" || chkAttend == "0402" || chkAttend == "0403") {
$(".A_ATTEND_FIELD<%=i %>").prop("checked",false).change();
}
});
$(".A_ATTEND_SCHOOLVISITCHECK<%=i %>").change(function(e) {
e.preventDefault();
if ($(".A_ATTEND_SCHOOLVISITCHECK<%=i %>").is(":checked")){
$(".A_ATTEND_SCHOOLVISIT").eq(<%=i %>).val($(this).val());
$(".A_ATTENDCD").eq(<%=i %>).val($(this).val());
} else {
$(".A_ATTEND_SCHOOLVISIT").eq(<%=i %>).val('');
$(".A_ATTENDCD").eq(<%=i %>).val('');
}
$(".A_ATTENDRADIO<%=i %>:radio[value='']").prop("checked", true);
});
<%
Next
%>
