>웹 프론트엔드 >JS 튜토리얼 >Jquery 실제 적용, 라디오, Sellct, 확인란이 선택되었는지 여부와 선택된 값을 확인합니다.

Jquery 실제 적용, 라디오, Sellct, 확인란이 선택되었는지 여부와 선택된 값을 확인합니다.

黄舟
黄舟원래의
2016-12-21 15:09:161399검색

001 jquery는 라디오 버튼

002

003 $("input[name='items']:checked").val(); 🎜>004 또 다른: 라디오가 선택되었는지 확인하고 선택한 값을 가져옵니다.

005

006 아래와 같이:

007 function checkradio(){

008 var item = $(":radio:checked");

009 var len=item.length

010 if(len>0){

011 경고("예--선택한 값:"+$(":radio:checked").val());

015

016

017

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

019

020 라디오 세트의 값 가져오기 선택한 항목

021

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

023

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

025

026 var item = $("select[name=items] option[selected]").text(); 🎜>027

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

029

030 $('#select_id')[0]입니다. selectedIndex = 1;

031

032 라디오 라디오 선택 그룹의 두 번째 요소는 현재 Selected 값

033

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

035

036

037 값 가져오기:

038

039

040

041 텍스트 상자, 텍스트 영역: $("# txt ").attr("value")

042

043 다중 선택 상자 확인란: $("#checkbox_id").attr("value")

044

045 라디오 그룹 라디오: $("input[type= radio][선택됨]").val();

046

047 드롭다운 상자 선택: $('#sel').val();

048

049

050

051 컨트롤 양식 요소:

052

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

054

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

056

057

058 다중 선택 상자 확인란: $ ("#chk1").attr("checked",''); //체크 해제

059

060 $("#chk2").attr("checked", true);//체크

061

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

063

064

065

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

067 

068 드롭다운 상자 선택: $("#sel").attr("value",'- sel3');//value=-sel3인 항목을 현재 선택한 항목                                            ;option value='2'>2222").appendTo("#sel")//드롭다운 상자 옵션 추가

071

072 $("#sel ").empty();//드롭다운 상자 지우기                                                                                                                   🎜>

077

078 $("#id")를 사용하여 페이지의 입력 요소를 가져올 때 $("#id").value가 값을 가져올 수 없는 것으로 나타났습니다.

079

080

081

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

083

084 $("")는 DOM ELEMENT가 아닌 Jquery 객체입니다.

085

086

087

088 값은 dom의 속성입니다. 요소

089

090  

091  

092  해당 jquery는 val  

093  

094  

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

096

097

098

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

100

101

102

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

104

105

106 값: val = $("#id")[0].value;

107 할당: $("#id")[0].value = "new value" ;

108

109 또는 $("#id").val("new value"); 🎜>112

113 또는 다음과 같이 작동합니다: val = $("#id").attr("value");

114

115

116

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

118

119 예를 들어 함수에는 각각이 있고 각 조건이 true이면 반환합니다. 이 함수를 true 또는 false로 설정

120

121 function method(){

122 .... 123 $.each(array,function(){

124 if (조건이 true){

125 return true

126 }

127 } )

128 ....

129 }

130"

132

133 정보를 검색해보니 각 코드 블록에서 break와 continue를 사용할 수 없다는 것을 알았습니다. break와 continue 기능을 구현하려면 다른 방법을 사용해야 합니다

134 break--return false를 사용

135 continue--return ture를 사용

136

137 return true를 사용하려면 각각 이 함수가 반환되면 실제로는 각각을 중단하지 않고 계속 실행될 수 있습니다.

138 심지어 각 함수가 중단되지 않으므로 함수가 반환될 수 없습니다. 140 또 다른: 판단 라디오가 선택되고 선택된 값을 얻는지

141

142 아래와 같이:

143 function checkradio(){

144 var item = $( ":radio:checked");

145 var len=item.length

146 if(len>0){

147 경고( "yes--checked 값은 다음과 같습니다. "+$(":radio:checked").val());

148 }  

149 }  

위 Jquery의 실제 적용입니다. 판단 radio, Sellct, checkbox 선택 여부 및 선택된 값의 내용에 대한 자세한 내용은 PHP 중국어 웹사이트(www.php.cn)를 참고하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.