Jquery 작업 라디오, 확인란, 선택 양식 작업 구현 code

Jquery 작업 라디오, 확인란, 선택 양식 작업 구현 code_jquery

WBOY

풀어 주다： 2016-05-16 18:28:23

원래의

922명이 탐색했습니다.

1. 선택
jQuery는 Select로 선택한 텍스트와 값을 가져옵니다.
1.change(function(){//code... } ); //항목 중 하나가 선택되면 트리거되는 Select 이벤트를 추가합니다.
2.var checkText=$("#select_id").find("option:selected").text() // Select 선택 텍스트 가져오기
3. var checkValue=$("#select_id").val(); //Select로 선택한 값 가져오기
4. var checkIndex=$("#select_id ").get (0).selectedIndex; //Select
에서 선택한 인덱스 값을 가져옵니다. var maxIndex=$("#select_id option:last").attr("index") //Select의 최대 인덱스 값을 가져옵니다.

jQuery는 Select로 선택한 텍스트와 값을 설정합니다.
1. $("#select_id ").get(0).selectedIndex=1 //선택할 항목을 선택 인덱스 값으로 설정합니다.
2. $(" #select_id ").val(4); //선택 값을 4로 설정하여 항목을 선택합니다.
3. $("#select_id option[text='jQuery']") .attr("selected", true ); //Select의 Text 값을 선택된 jQuery 항목으로 설정

jQuery는 Select의 Option 항목을 추가/삭제합니다:
1. ).append("") //Select
에 옵션(드롭다운 항목)을 추가합니다. $("#select_id").prepend ("<옵션 값='0'> 선택하세요"); //선택
에 대한 옵션(첫 번째 위치)을 삽입합니다. $("#select_id option:last").remove( ); //최대 옵션 선택(마지막 항목)에서 인덱스 값을 삭제합니다.
4. $("#select_id option[index='0']").remove() //인덱스 값이 0인 옵션을 삭제합니다. in Select (첫 번째 것)
5. $("#select_id option[value='3']").remove() //Select
에서 값이 '3'인 옵션을 삭제합니다. ("#select_id option[text='4 ']").remove(); //Select
에서 Text='4'인 옵션을 삭제합니다. $("#SelectID").remove() / /모든 항목 삭제

2. 확인란
선택/취소
jQuery.attr 다음과 같이 개체의 속성 값을 가져오거나 설정합니다.
$(" input[name='chk_list']").attr( "checked"); //'chk_list'라는 이름의 모든 개체의 상태 읽기(선택 여부에 관계없음)
$("input[name='chk_list']") .attr("checked",true); // 'chk_list'라는 모든 개체에 대해 true로 설정합니다.
$("#img_1").attr("src","test.jpg") //설정 ID가 img_1인 src의 값 'test.jpg'의 경우
$("#img_1").attr("src") //ID img_1의 src 값 읽기
다음 코드는 위의 예에서 선택 항목을 가져오는 것입니다. 확인란의 값: