티스토리 뷰

Skill/html js css

jquery 모음

진열사랑 2024. 12. 17. 10:39

*java에서 setAttrbute()로 설정된 값 가져오기
<option th:value="${AID}" selected th:text="#{'common.label.all'}">모두</option>
* radio 버튼 checked된 값 가져오기
$("input:radio[name=paymentUseFlag]:checked").val()
$("input:radio[name=approveFeeTypeCode]:input[value=" + dtl.cidGeneralAdjustmentFee.approveFeeTypeCode + "]").prop("checked", true).prop("disabled", false);
* select
// selected된 값 가져오기
$("#selCodeTable option:selected").val();
$("#selClientSearch").on("change", function () {
fnSelectClientSearchList($(this).find("option:selected").data("url")); // <option value="A.CID" data-url="/selectCIDList">CID</option>
}).change();
* select option 값 채우기
COMMON.Utils.fnCreateSelectOptions("selCPIDVa", objJson.data, null);
* select option disabled 설정
$("#selPaymentMethod option").prop("disabled",false); // 전체 초기화
$("#selPaymentMethod option[value=paymentVaList]").prop("disabled", true);
* Object에서 key값 가져오기
Object.keys(objRequest)
* CSS설정
$(".shpaybank").css("opacity", "0.5");
* 하위요소 제거
$("#tblClientContractList tbody").empty();
* option 삭제 한줄로
$("#sel").children('option:not(:first)').remove();
* select2 option 선택하기
$("#selAdjustStandardCode").select2("val","");
* empty() remove() 차이
empty : 하위요소 삭제, remove : 선택된 요소 포함 하위요소들 삭제
* data-widget="collapse" data-toggle="tooltip" data-backdrop="static" data-dismiss="modal"
* $("#txtUpdateReason").rules("add", { required: true });

* find사용법
$("#ulCardTab").find("li:not(:first)").removeClass("active").hide();
* radio의 값 가져오는 법 :checked를 쓰지 않으면 엉뚱한 값을 가져온다.
$("input:radio[name=taxBillTypeCode]:checked").val()
* radio readonly 처리
$("input[name=aaa]").attr("onclick","return(false);");
* checkbox checked 처리
$("#chkAcquirementYMDFlag").prop("checked", true);

* table 내용 CLEAR
$("#{0} table tr td:not('.td-item')".format(divId)).html("");
* table 마지막 tr 삭제
$("#tblName > tbody:last > tr:last").remove();

* bootstrap modal 닫기 이벤트
$("#divFeeAfdpstModal").on("hidden.bs.modal",fnFeeAfdpstModalClose);
$("#divFeeAfdpstModal").on("shown.bs.modal",fnFeeAfdpstModalClose);
$("#divFeeAfdpstModal").modal("show"); // 모달 열기
$("#divFeeAfdpstModal").modal("hide"); // 모달 닫기

* let inputs = $("#tblRegAcctTrns tr:eq({0})".format(idx)).find("input");
inputs.each(function() {
$(this).prop("readonly", true);
});

* rules 추가 삭제
$("#tblName").find(".noMessage").each(function() {
         $(this).rules("add",{required: true});
        $(this).rules("remove");
});

'Skill > html js css' 카테고리의 다른 글

유용한 js 라이브러리  (0) 2025.01.03
bootstrap 이벤트  (0) 2024.12.17
한 column에 여러 checkbox 값 저장  (0) 2024.11.11
DataTable tr click시  (0) 2024.10.31
js 숫자입력점검(계좌번호)  (0) 2024.10.14
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함