Jquery는 radio, Sellct, checkbox가 선택되었는지 확인하고 선택한 값을 얻는 방법을 요약합니다_jquery

jquery는 라디오 버튼의 값을 가져옵니다

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

$("input[name='items']:checked").val()

또 다른 : 라디오가 선택되었는지 확인하고 선택한 값을 얻습니다

아래와 같이:

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

함수 checkradio(){
var 항목 = $(":radio:checked")
var len=항목.길이
if(len>0){
Alert("예--선택한 값은 다음과 같습니다:" $(":radio:checked").val())
}
}

jquery 라디오 값, 체크박스 값, 선택 값, 라디오 선택, 체크박스 선택, 선택 선택 및 관련 항목

라디오 선택 항목 그룹의 값 가져오기

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

var item = $('input[name=items][checked]').val()

선택한 항목의 텍스트 가져오기

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

var item = $("select[name=items] 옵션[선택됨]").text()

선택 드롭다운 상자의 두 번째 요소는 현재 선택된 값입니다

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

$('#select_id')[0].selectedIndex = 1

라디오 라디오 선택 그룹의 두 번째 요소는 현재 선택된 값입니다

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

$('input[name=items]').get(1).checked = true

     
값 가져오기:

텍스트 상자, 텍스트 영역: $("#txt").attr("value")
다중 선택 상자 확인란: $("#checkbox_id").attr("value")
라디오 그룹: $("input[type=radio][checked]").val()
드롭다운 상자 선택: $('#sel').val()

제어 양식 요소:

텍스트 상자, 텍스트 영역: $("#txt").attr("value",'');//내용 지우기

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

$("#txt").attr("value",'11');//내용 채우기

 
다중 선택 상자 확인란: $("#chk1").attr("checked",'');//선택 취소됨

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

$("#chk2").attr("checked",true);//체크
if($("#chk1").attr('checked')==undefine) //체크 여부 확인

라디오 선택 그룹 radio: $("input[type=radio]").attr("checked",'2');//값=2인 항목을 현재 선택된 항목으로 설정

드롭다운 상자 선택: $("#sel").attr("value",'-sel3');//value=-sel3인 항목을 현재 선택된 항목으로 설정

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

$("11112222").appendTo("#sel")//옵션 추가 드롭다운 상자
$("#sel").empty(); //드롭다운 상자 지우기

     
이제 막 jquery를 접하기 시작했는데, 아직 익숙하지 않은 부분이 많습니다

$("#id")를 사용하여 페이지의 입력 요소를 가져올 때 $("#id").value가 값을 가져올 수 없음을 발견했습니다.

나중에 위대한 Baidu의 도움으로 마침내 문제의 원인을 찾았습니다.

$("")는 dom 요소가 아닌 jquery 개체입니다

값은 dom 요소의 속성입니다

jquery는 val에 해당합니다

val(): 첫 번째로 일치하는 요소의 현재 값을 가져옵니다.

val(val): 일치하는 각 요소의 값을 설정합니다.

따라서 코드는 다음과 같이 작성되어야 합니다.

 
값: val = $("#id")[0].value
할당: $("#id")[0].value = "새 값"
또는 $("#id").val("새 값")
또는 이것도 가능합니다: val = $("#id").attr("value")

jQuery의 각 기능은 사용하기 매우 쉽고 자바스크립트의 for 루프를 대체하는 데 자주 사용됩니다.

예를 들어, 함수에 각각이 있고 각각의 특정 조건이 true인 경우 함수는 true 또는 false를 반환합니다

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

함수 메서드원(){
....
$.each(배열,함수(){
if(조건 성립){

사실을 반환합니다. }
})
....
}

그것은 항상 틀렸다는 것이 밝혀졌습니다.

정보를 검색한 결과 각 코드 블록에서 break 및 continue를 사용할 수 없다는 것을 발견했습니다. break 및 continue 기능을 구현하려면 다른 방법을 사용해야 합니다
break----return false를 사용합니다.
계속 --반환 사용

따라서 각각에서 return true를 사용하여 이 함수를 반환하고 싶을 때 실제로는
을 사용하여 각각을 계속 실행하도록 했습니다. 각각이 중단되지 않아 함수가 반환될 수 없습니다

또 다른 : 라디오가 선택되었는지 확인하고 선택한 값을 가져옵니다

아래와 같이:

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

함수 checkradio(){
var 항목 = $(":radio:checked")
var len=항목.길이
if(len>0){
Alert("예--선택한 값은 다음과 같습니다:" $(":radio:checked").val())
}
}