맨위로가기
 

SBUx

닫기

2.8 체크박스의 별도 코드없는 다중 필수 선택항목 지정하기

STEP 1. Componenet 생성

1. 변동형으로 컴포넌트를 생성합니다.
<script type="text/javascript">
   var checkboxJsonData = [
       { text : "빨강"  , truevalue : "YES"  , falsevalue: "NO" , checked : "checked"},
       { text : "노랑"  , truevalue : "true" , falsevalue: "false" },
       { text : "초록"  , truevalue : "yes"  , falsevalue: "no" },
       { text : "파랑"  , truevalue : "1"     , falsevalue: "0" }
   ];
</script>
<sbux-checkbox id="idxChkbox_json" name="chkbox_json" uitype="normal" jsondata-ref="checkboxJsonData"></sbux-checkbox>
2. required-index 속성을 추가합니다.
<script type="text/javascript">
   var checkboxJsonData = [
       { text : "빨강"  , truevalue : "YES"  , falsevalue: "NO" , checked : "checked"},
       { text : "노랑"  , truevalue : "true" , falsevalue: "false" },
       { text : "초록"  , truevalue : "yes"  , falsevalue: "no" },
       { text : "파랑"  , truevalue : "1"     , falsevalue: "0" }
   ];
</script>
<sbux-checkbox id="idxChkbox_json" name="chkbox_json" uitype="normal" jsondata-ref="checkboxJsonData" required-index="0,2"></sbux-checkbox>

버튼을 눌러 필수선택항목을 확인해보세요.