>  기사  >  웹 프론트엔드  >  jQuery 연산 입력 유형=라디오 구현 코드

jQuery 연산 입력 유형=라디오 구현 코드

高洛峰
高洛峰원래의
2017-02-11 17:11:071719검색

d11dad02a1f3abd212da65221b2dc681는 다음과 같습니다.

<input type="radio" name="city" value="BeiJing">北京 
<input type="radio" name="city" value="TianJin">天津 
<input type="radio" name="city" value="NanJing">南京 
<input type="radio" name="city" value="YangZhou">扬州 
<input type="radio" name="city" value="SuZhou">苏州

1. 선택한 라디오의 값을 가져옵니다.

$("input[name=&#39;city&#39;]:checked").val();

요소 선택기를 사용한 다음 속성 필터 이름= 'city', 마지막으로 다음을 사용하여 선택한 요소를 선택합니다.

2. 지정된 값으로 라디오의 선택 상태를 설정합니다.

$("input[name=&#39;city&#39;][value=&#39;YangZhou&#39;]").attr("checked",true);

이름="city" 및 값="YangZhou"로 라디오의 선택 상태를 설정합니다.

3. name="city"인 라디오 선택 해제:

$(&#39;input[name="city"]:checked&#39;).attr("checked",false);

4. name="city"인 라디오 수 가져오기:

$("input[name=&#39;city&#39;]").length;

5. 이름이 "city"이고 색인이 짝수인 라디오:

$("input[name=&#39;city&#39;]:even");

색인은 0부터 시작합니다.

6. name="city"인 라디오를 가져오고 인덱스가 홀수입니다.

$("input[name=&#39;city&#39;]:odd");

인덱스는 0부터 시작합니다.

7. 라디오 반복:

$("input[name=&#39;city&#39;]").each(function(i,obj){ 
//i,迭代的下标,从0开始 
//obj,当前的对象(HTMLInputElement),可以使用obj.value格式获取属性值 
//$(this);当前jQuery对象,可以使用$(this).val()获取属性值 
});

name="city"로 라디오를 반복합니다.

8. 라디오 비활성화:

$("input[name=&#39;city&#39;]").attr("disabled",true);

name="city"인 라디오를 비활성화합니다.

9. 라디오 활성화:

$("input[name=&#39;city&#39;]").attr("disabled",false);

name="city"로 라디오를 활성화합니다.

jQuery 연산 입력 유형=라디오 구현 코드와 관련된 더 많은 글은 PHP 중국어 홈페이지를 참고해주세요!

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