집 >웹 프론트엔드 >JS 튜토리얼 >라디오 버튼, 다중 선택 상자, 텍스트 상자 및 기타 Operations_javascript 기술에 대한 일반적인 jquery 작업 요약

라디오 버튼, 다중 선택 상자, 텍스트 상자 및 기타 Operations_javascript 기술에 대한 일반적인 jquery 작업 요약

WBOY원래의: 2016-05-16 17:04:511294검색

1. 텍스트 상자, 라디오 버튼, 체크 상자, 관련 연산

코드 복사 코드는 다음과 같습니다.

var sex=$("input[name='sex']:checked").val() //선택된 라디오 세트 가져오기 items
의 값 var item=$("#sel option:selected").text(); //select에서 선택한 항목의 텍스트를 가져옵니다
var option_num=$('#sel'). val(); // 프로젝트 선택 인덱스 가져오기
$ ("#SEL") [0] .selectEdindex = 1 // 선택 드롭다운 상자의 두 번째 요소는 현재 선택 값입니다.
$ ("input [name = 'sexx sex ']").get(1).checked=true; //라디오 라디오 선택 그룹의 두 번째 요소는 현재 선택된 값입니다

또는 라디오 버튼에 대한 기본 선택을 설정합니다.
$("input[name='sex']").each(function(){
> $(이것) .attr("checked", true); 🎜>

Jquery는 값 값에 따라 드롭다운 목록(선택)에서 기본 선택 항목을 설정합니다

코드 복사

코드는 다음과 같습니다.
< ;script>
함수 바오
{
txt.value=s ;
//선택 후 첫 번째 항목을 선택하여 Change가 발생하도록 합니다.
document .all.sel.options[0].selected=true;
}

2. jQuery는 Select에서 선택한 텍스트와 값을 가져옵니다

코드 복사

코드는 다음과 같습니다. 구문 설명: $("# select_id").change(function(){//code...}); //Select 이벤트 추가, 그 중 하나가 선택되면 항목 선택 시 트리거 var checkText=$("#select_id" ).find("option:selected").text(); //Select로 선택한 텍스트 가져오기

var checkValue=$("#select_id") .val(); //Select로 선택한 값 가져오기

var checkIndex=$("#select_id ").get(0).selectedIndex; //Select로 선택한 인덱스 값 가져오기
var maxIndex=$(" #select_id option:last").attr("index "); //Select의 최대 인덱스 값을 구합니다

jQuery는 Select로 선택한 텍스트와 값을 설정합니다.

구문 설명: $("#select_id ").get(0).selectedIndex=1; //Select를 설정합니다. index 값 1의 항목 선택

$("#select_id ").val(4) //Select 값을 4로 설정하여 항목 선택 $("#select_id option[text=' jQuery']" ).attr("selected", true); //Select의 Text 값을 선택한 jQuery 항목으로 설정

jQuery는 Select의 Option 항목을 추가/제거합니다:

구문 설명:

$("#select_id").append("