>  기사  >  웹 프론트엔드  >  jquery_jquery로 구현된 무선 재선택 문제 해결

jquery_jquery로 구현된 무선 재선택 문제 해결

WBOY
WBOY원래의
2016-05-16 15:51:411163검색
<input type="radio" name="test"/>

<input type="radio" name="test" id = "input2"/>

(참고: 사용된 jquery 버전은 1.10.2입니다.)

jquery의 RemoveAttr()을 사용하여 라디오의 확인된 속성을 지웁니다. attr('checked',true)를 사용하여 체크된 속성을 해당 라디오에 첨부하세요. 그러나 페이지가 표시되면 선택되지 않습니다.

해결책:

네이티브 js 코드를 사용하여 구현되었습니다.

  var inputList = document.getElementByName("test");

  for(var x=0;x<inputList.length;x++){

    inputList[x].checked=false; //取消选中

  }

  var input = document.getElementById("input2");

  input.checked = true; //选中第二个  

테스트는 괜찮습니다. 이를 선택하면 페이지가 올바르게 표시될 수 있습니다.

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.

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