materializecss 체크 박스를 동적으로 생성

debugcn 에 게시 Dev

나는 위스콘신

ng-repeat를 통해 materializecss 확인란을 동적으로 만들고 있습니다. 문제는 materialize에서 확인란 레이블의 'for'가 다음 input과 같은 ID와 일치해야한다는 것입니다 .

<div class="checkbox-patient-info-medical">
  <input type="checkbox" id="medical-checkbox">
  <label for="medical-checkbox"> Prior Authorization Required*</label>
</div>

ng-repeat로 필드를 생성하고 있으며 생성 된 각 필드 집합에 대해 1 개의 텍스트 상자가 있습니다. 다음과 같이 코드 :

<div class="medical-insurance-holder" ng-repeat="person in vm.myData[0].medicalInsuranceContainer track by $index">
  <p class="patient-info-holder-text">
    RELATIONSHIP TO PATIENT:&nbsp&nbsp&nbsp<b>{{person.relationshipToPatient}}</b>
  </p>
  <p class="patient-info-holder-text">
    GROUP NUMBER:&nbsp&nbsp&nbsp<b>{{person.groupNum}}</b>
  </p>
  <p class="patient-info-holder-text">
    SUBSCRIBER D.O.B:&nbsp&nbsp&nbsp<b>{{person.subscriberDob}}</b>
  </p>
  <div class="checkbox-patient-info-medical">
    <input type="checkbox" id="medical-checkbox"><label for="medical-checkbox"> Prior Authorization Required*</label>
  </div>
 </div>

어떻게 변경할 수 있습니다 label for및 idNG-반복을 만들어 이러한 체크 박스를? 그대로두면 처음 생성 된 확인란 만 클릭 할 수 있습니다.

감사

구스타보 가브리엘

다음과 같이 ng-repeat의 현재 색인을 통합 할 수 있습니다.

<div class="checkbox-patient-info-medical">
   <input type="checkbox" id="medical-checkbox{{$index}}">
   <label for="medical-checkbox{{$index}}"> Prior Authorization Required*</label>
</div>

바이올린 확인 : https://jsfiddle.net/twizzlers/z0meqr6h/1/

희망 =)

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-06-15

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

materializecss 체크 박스를 동적으로 생성

materializecss 체크 박스를 동적으로 생성

레이블 및 체크 박스를 하나씩 동적으로 생성

데이터베이스 레코드를 기반으로 동적으로 체크 박스 양식 생성

플라스크를 통해 동적으로 생성 된 체크 박스 값 추출

체크 박스 체크 후 동적으로 생성 된 백본 경로로 이동

동적으로 생성 된 경우 선택한 체크 박스 확인-Django

Qt 5.3 : 동적으로 생성 된 체크 박스 접근 / 반환 / 호출 (?)

Qt 5.3 : 동적으로 생성 된 체크 박스 접근 / 반환 / 호출 (?)

동적으로 생성 된 요소에서 체크 박스 값 찾기

(VBA) 동적으로 생성 된 체크 박스에서 선택한 체크 박스 데이터를 검색하는 방법

자동 체크 박스 항목 생성

체크 박스가 작동하지 않음으로 생성됨

테이블에 동적으로 생성 된 체크 박스에 대한 이벤트 작성

체크 박스 수를 기준으로 행 생성 없음이 선택됨

동적으로 생성 된 각 체크 박스 배열을 쉼표로 구분 된 목록에 결합

2 차원 객체 자바 스크립트를 동적으로 생성

앵귤러에서 동적으로 생성 된 체크 박스에 대한 모델을 정의하는 방법

체크 박스 체크 속성 동작

그리드에 체크 박스를 자동으로 생성하는 방법 (수직 및 수평)

그라디언트 마스크로 동적으로 생성 된 표시 객체

Google 캘린더 애드온 카드에서 체크 박스를 동적으로 생성하는 방법은 무엇입니까?

개체의 인스턴스를 동적으로 생성

자바 스크립트는 객체에서 동적으로 생성 된 함수

동적으로 생성 된 Radiobutton에 클래스 추가 시작 체크

QStandardItemModel로 생성 된 동적으로 생성 된 체크 박스 목록을 반복하는 방법은 무엇입니까?

동적으로 생성 된 체크 박스에 대해 체크 된 값이 반영되지 않음 asp.net C # jquery

체크 박스에 포함 된 정보를 기반으로 nodeJS에서 get 쿼리를 생성하는 방법

Gridview, 자동 생성 열, 체크 박스 열 편집 가능

매크로로 케이스 클래스를 "동적으로"생성

js로 객체를 동적으로 생성