jQuery 작업 checkbox의 전체 선택, 반선택,radio,select 기능
var item = $(”select[name=items] option[selected]“).text(); $(”select[name=items]“).find(”option:selected”).text();
다음은 jQuery 1.3.2 버전의 jquery 라디오 수치, checkbox 수치, select 수치, 라디오 선택, checkbox 선택, select 선택과 관련된 내용입니다.
설정: 라디오 선택 항목의 값을 가져오려면 다음과 같이 하십시오.
var item = $(’input[name=items][checked]‘).val();
선택한 항목의 텍스트 가져오기
var item = $(”select[@name=items] option[@selected]“).text();
선택한 항목의 텍스트를 가져오려면 다음과 같이 하십시오.
var item = $(”select[name=items] option[selected]“).text(); $(”select[name=items]“).find(”option:selected”).text();
select 드롭다운 상자의 두 번째 요소는 현재 선택한 값입니다.
$(’#select_id’)[0].selectedIndex = 1;
select 드롭다운 상자value ='val'요소는 현재 선택된 항목입니다.
$(”select[name=items] option[value='val']“).attr(”selected”,”selected”);
라디오 라디오 라디오 그룹의 두 번째 요소는 현재 선택한 항목입니다.
$(’input[@name=items]‘).get(1).checked = true; $(’input[name=items]‘).attr(”checked”, ‘1′);
radio의value ='val'요소는 현재 선택된 항목입니다.
$(’input[name=items][value='val']‘).attr(”checked”,”checked”);
값을 가져오려면 다음과 같이 하십시오.
텍스트 상자, 텍스트 영역:
$(”#txt”).attr(”value”);
다중 선택 상자 checkbox:
$(”input[name='checkbox':checked]“).each(function(){
var val = $(this).val();
});
라디오 그룹:
$(”input[type=radio][checked]“).val();
드롭다운 상자 select의value 값:
$(’select’).val();
드롭다운 상자 select에서 선택한 text 값:
$(”select”).find(”option:selected”).text();
제어 양식 요소:텍스트 상자, 텍스트 영역
:$(”#txt”).attr(”value”,”); //
$(”#txt”).attr(”value”,’11′); //
다중 선택 상자 checkbox: checkbox의 두 번째 요소가 체크되었습니다:
$(”input[name=items]“).get(1).checked = true; //
$(”input[name=items]“).get(1).checked = false; //
checkbox의value='val'요소 앞 체크:
$(”input[name=item][value='val']“).attr(”checked”,true); $(”input[name=item][value='val']“).attr(”checked”,”checked”);
if($(”input[name=item][value='val']“).attr(’checked’)==true) //
라디오 그룹:
$(”input[type=radio]“).attr(”checked”,’2′);// value=2
드롭다운 상자 선택:
$(”#sel”).attr(”value”,’-sel3′);// value=-sel3
$(”<option value=’1′>1111</option><option value=’2′>2222</option>”).appendTo(”#sel”)// option
$(”#sel”).empty();//
jQuery 라디오 선택 값 가져오기
코드
$("input[name='radio_name'][checked]").val();
//
Radio Value
$("#text_id").focus(function(){
//
code...}); // text_id
$("#text_id").blur(function(){
//
code...}); // text_id
$("#text_id").select();
//
Vlaue
$("input[name='radio_name'][value=' Radio Value '").att("checked",true);
// Value Radio
jQuery 체크박스에서 선택한 Value 값 가져오기
$("input[name='checkbox_name'][checked]");
// CheckBox Value
$("input[name='checkbox'][checked]").each(function(){
var val = $(this).val();
}); // CheckBox Value
$("#checkbox_id").attr("checked");
// CheckBox ( , true/false)
$("#checkbox_id").attr("checked",true);
// CheckBox (checked=true)
$("#checkbox_id").attr("checked",false);
// CheckBox (checked=false)
$("input[name='checkbox_name']").attr("checked",$("#checkbox_id").attr("checked"));
// 3,4,5 ,
$("#text_id").val().split(",");
// Text Value ','
본 논문은 CSDN 블로그에서 왔으며, 전재는 출처를 밝혀 주십시오: http://blog.csdn.net/lijing3333/archive/2010/06/25/5693904.aspx
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.