>  기사  >  웹 프론트엔드  >  Anglejs에서 기본적으로 선택된 라디오 버튼의 값 메서드 가져오기(자세한 튜토리얼)

Anglejs에서 기본적으로 선택된 라디오 버튼의 값 메서드 가져오기(자세한 튜토리얼)

亚连
亚连원래의
2018-06-02 17:45:142135검색

이제 기본 선택된 라디오 버튼의 값을 가져오는 anglejs 방법을 공유하겠습니다. 이는 좋은 참조 값을 가지고 있으며 모든 사람에게 도움이 되기를 바랍니다.

Html 페이지에는 두 번째 "중요" 옵션이 기본적으로 선택되어 있습니다. 그러나 이 옵션을 기본적으로 선택하려면 $ 범위를 묻는 메시지가 표시됩니다. .level이 정의되지 않은 상태입니다. 기본적으로 명확하게 선택되어 있는데 왜 정의되지 않았나요?

그래서 먼저 테스트했습니다. Html 페이지에 다음 코드를 작성했습니다.

<span style="font-size:18px;"><p ng-controller="testCtrl"> 
 <p > 
  <label > 
   <input type="radio" value="Normal" ng-model="level" name="level" 
   >一般 
  </label> 
  <label > 
   <input type="radio" value="Important" ng-model="level" name="level" 
     ng-checked="true" 
   >重要 
  </label> 
  <label > 
   <input type="radio" value="Urgent" ng-model="level" name="level" 
   >紧急 
  </label> 
 
 
 </p> 
  <p> {{ level }}</p>    //显示单选按钮选中的value 
</p></span>

페이지가 처음 로드되었을 때 "중요" 라디오 버튼이 기본적으로 선택되어 있었지만 페이지가 표시되지 않았습니다. 중요 이 라디오 버튼에 해당하는 값은

"긴급" 버튼을 클릭하면 "긴급" 버튼의 값이 아래에 표시됩니다.

페이지가 로드될 때 $scope.level이 할당되지 않은 것으로 나타났습니다. ng-checked="true"인 경우에도 값이 있고 초기 값이 없지만 기본 선택된 값은 표시되지 않습니다! js에서 설정해야 합니다: $scope.level= "Important"; 이때 페이지를 새로 고치면 선택한 버튼의 값이 기본적으로 표시됩니다.

위 내용은 제가 모두를 위해 편집한 것입니다. 앞으로 모든 사람에게 도움이 될 것입니다.

관련 기사:

vue

p5.js 입문 튜토리얼 키보드 상호 작용

VUE 주요 문제 요약

위 내용은 Anglejs에서 기본적으로 선택된 라디오 버튼의 값 메서드 가져오기(자세한 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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