Jquery 조작 radio,checkbox,select 폼 조작 실현 코드

1.Select jQuery 는 Select 가 선택 한 Text 와 Value 를 가 져 옵 니 다.1.$("\#selectid").change(function(){//code...}); //Select 에 이 벤트 를 추가 합 니 다.그 중 하 나 를 선택 하면 2.var checkText=$("\#selectid").find("option:selected").text(); //Select 가 선택 한 Text 가 져 오기 3.var checkValue=$("\#selectid").val(); //Select 가 선택 한 Value 4 를 가 져 옵 니 다.var checkIndex=$("\#selectid ").get(0).selectedIndex; //Select 에서 선택 한 색인 값 가 져 오기 5.var maxIndex=$("\#selectid option:last").attr("index"); //Select 최대 색인 값 가 져 오기 jQuery 설정 Select 에서 선택 한 Text 와 Value:1.$("\#selectid ").get(0).selectedIndex=1; //Select 색인 값 을 1 로 설정 하려 면 2.$("\#selectid ").val(4); //Select 의 Value 값 을 4 로 설정 하려 면 3.$("\#selectid option[text='jQuery']").attr("selected", true); //Select 의 Text 값 을 jQuery 항목 으로 설정 합 니 다.선택 한 jQuery 옵션 추가/삭제:1.$("\#selectid").append(""); //Select 에 옵션(드 롭 다운)을 추가 합 니 다.2.$("\#selectid").precend("을 선택 하 십시오.);/Select 에 Option(첫 번 째 위치)을 삽입 합 니 다.3.$("\#selectid option:last").remove(); //Select 에서 색인 값 최대 Option(마지막)삭제 4.$("\#selectid option[index='0']").remove(); //Select 에서 색인 값 이 0 인 Option(첫 번 째)을 삭제 합 니 다.$("\#selectid option[value='3']").remove(); //Select 에서 Value='3'의 Option 6 을 삭제 합 니 다.$("\#selectid option[text='4']").remove(); //Select 에서 text='4'의 Option 7 을 삭제 합 니 다.$("\#SelectID").remove();/모든 항목 삭제 2.Checkbox 전체 선택/jQuery.attr 가 져 오기/설정 대상 의 속성 값 을 취소 합 니 다.예 를 들 어$("input[name='chk"list']").attr("checked"); //모든 name 을'chk'로 읽 기list'대상 의 상태(선택 여부)$("input[name='chklist']").attr("checked",true); //모든 name 을'chk'로 설정list'대상 의 checked 는 true$("\#img1").attr("src","test.jpg"); //ID 를 img 로 설정1 의src 의 값 은'test.jpg'$("\#img1").attr("src"); //읽 기 ID img1 의src 값 아래 코드 는 위의 실례 에서 선택 한 checkbox 의 value 값 을 가 져 오 는 것 입 니 다:var arrChk=$("input[name='chklist'][checked]"); $(arrChk).each(function(){ window.alert(this.value); }); }); 1,checkbox 의 value$("\#checkbox ID")를 가 져 옵 니 다.value 또는$("input[type='checkbox']").eq(n).attr("checked").value 2,선택 한 항목$("input[type='checkbox']")를 설정 합 니 다.eq(1).attr("checked")//첫 번 째 checkbox 를 선택 한 항목 3 으로 설정 하고 모든 checkbox$("input[type='checkbox']")를 삭제 합 니 다.remove()4,reove()checkbox 방법$(document).ready(function(){var check=$("input[type='checkbox']");check.each(function(n) { check.eq(n).bind("click", function() { if (check.eq(n).attr("checked") != false) { var value = check.eq(n).val(); alert(value); } else { alert(check.eq(n).attr("checked")); } }) }); }); 3.radio 1,선택 한 value 값$("input[type='radio']:checked")를 가 져 옵 니 다.val();2.현재 선택 한$("input[type='radio']")로 지정 한 항목 을 설정 합 니 다.eq(1).attr("checked",true);//두 번 째 항목 을 선택 한$("input[type='radio'][value='값']")로 설정 합 니 다.attr("checked,true");3.여러 라디오$("input[type='radio'][@name='rdoTest 2']").eq(0).attr("checked",true)를 해결 합 니 다.나중에 쓸 수 있 도록 필 기 를 배우다실행 후,새로 고침 해 야 효 과 를 볼 수 있 습 니 다.로 컬 실행 에 저장 합 니 다.아무런 문제 가 없습니다.Jquery 조작 radio,checkbox,select $(function(){ $('#uname').blur(function(){ if($('#uname').val()=='') { $('#err').html('*'); } else { $('#err').html(''); } }); $('#see').click(function(){ if($('#uname').val()=='') { $('#err').html('*'); } else { $('#err').html(''); $('#name').html($('#uname').val()); } //$('#xingbie').html($(':radio:checked').val()); $('#xingbie').html($("[name='aa']:checked").val()); var str=""; $("[name='bbb']:checked").each(function(){ str+=$(this).val()+" "; }); $('#shengfen').html(str); //$('#nianfen').html($('#nf').find('option:selected').text());//text $('#nianfen').html($('#nf').find('option:selected').val());//value }); $('#quan').click(function(){ $("[name='ccc']").attr('checked','true'); }); $('#buxuan').click(function(){ $("[name='ccc']").removeAttr('checked'); }); $('#fan').click(function(){ $("[name='ccc']").each(function(){ if($(this).attr("checked")) { $(this).removeAttr("checked"); } else { $(this).attr("checked",'true'); } }); }); $('#kan').click(function(){ var ss=""; $("[name='ccc']:checked").each(function(){ ss+=$(this).val()+" "; }); $('#seee').html(ss); }); }); tr>    
사용자 이름:
남  여자
성   부:베 이 징 상하 이 
년   몫:
출력 이름
 
출력 성별
 
출력 성
출력 년도
매듭   과: 
성   부:베 이 징 상하 이 광저우 
 천진 기타 
패   출력:
 
매듭   과: 
[Ctrl+A 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]

좋은 웹페이지 즐겨찾기