[jQuery] 웹화면 구현시

1. 커서 변경

   $('body').css('cursor', 'default');
   $('body').css('cursor', 'wait');

2. 선택 상자에서 선택한 값을 찾습니다.

   $('#search_sale_pernr_s option:selected').val();

3. 테이블의 제목 행을 제외한 모든 행 삭제

   $("#data_list_table > tbody").children("tr:not(:first)").remove();

4. 테이블의 마지막 행 뒤에 행 추가

   $("#data_list_table > tbody:last").append("<tr><td>값1</td></tr>");

5. innerHTML 값 설정

   $("#id_total_price").html("<strong>값</strong>");

6. 적절한 ID로 식별되는 HTML 표시/숨기기

   $("#placeholder").show();
   $("#placeholder").hide();

7. ID라고 표시된 양식 제출

   $("#csf_tab_menu_form").attr("target", "_top");
   $("#csf_tab_menu_form").attr("action", "/sabisung/list.jsp");
   $("#csf_tab_menu_form").submit();

8. 선택 상자에서 옵션 값을 확인합니다.

   $("#search_sale_unit").find("option").each(function() {
      alert(this.value);
   });

9. 선택 필드에 특정 값이 있는 옵션 삭제

   $("#csf_menu_no").find("option").each(function() {
      if(this.value == "4") {
         //alert(this.selected);
         $(this).remove();
      }
   });

10. 선택 상자에서 특정 값 뒤/앞에 옵션 추가

   $("#csf_menu_no").find("option").each(function() {
      if(this.value == "3") {
         $(this).after("<option value=\"4\">텍스트</option>");
         //$(this).before("<option value=\"4\">텍스트</option>");
         return false;
      }
   });

11. 각 루프의 중단/계속 방법

   $("#csf_menu_no").find("option").each(function() {
      if(this.value == "3") {
         $(this).after("<option value=\"4\">텍스트</option>");
         //$(this).before("<option value=\"4\">텍스트</option>");
         return false;
      }
   });

12. 선택 상자의 옵션을 모두 삭제 후 기본 옵션 추가

   $("#search_sale_pernr_s").find("option").remove()
      .end().append("<option value=\"\">::사원 선택::</option>");

13. 체크 박스의 총 수와 선택된 체크 박스의 수를 결정합니다.

   - 전체 갯수 : $("input:checkbox(name=is_check)").length
   - 선택된 갯수 : $("input:checkbox(name=is_check):checked").length
   - 전체 checkbox 순회하기
   $("input:checkbox(name=is_check)").each(function() {
      this.checked = true;
   });

14. 확인란이 선택되었는지 확인합니다.

   if($("input:checkbox(name=complete_yn)").is(":checked")) == true) {
      ; //작업
   }

15. 테이블에서 특정(ID 포함) TR 뒤에 TR 행을 추가합니다.

 $("#table_appr_pernr > tbody").children("tr").each(function() {
    if(("row_appr_pernr_" + row_no) == $(this).attr('id')) {
       $(this).after("<tr><td>사비성</td></tr>");
       return false;
    }
 });

16. 테이블에서 특정(ID 포함) TR 행 삭제

 $("#table_appr_pernr > tbody").children("tr").each(function() {
    if(("row_appr_pernr_" + row_no) == $(this).attr('id')) {
      $(this).remove();
      return false;
    }
 });

17. 숫자인지 확인

  function is_number(v) {
     var reg = /^(\s|\d)+$/;
     return reg.test(v);
  }