2017-10-27 7 views
0

나는 선택된 것의 모든 값을 얻고 자하는 다중 체크 박스 목록을 가지고있다. RiotJs로 어떻게 할 수 있습니까? 당신은 형태를 참조하여 다음 단지 바닐라 JS를 얻기 위해 심판을 사용할 수 있습니다 document.forms['FormName'].elements['checkBoxName'];RiotJs는 같은 이름/ID를 가진 모든 체크 박스의 값을 폼에서 어떻게 얻을 수 있습니까?

+0

태그에 마크 업을 게시 할 수 있습니까? –

+0

물론 가능합니다. 여기에 양식 코드가 있습니다 :

Hydraulic steering Central locking Power seats
Randall

답변

0

:

나는 다음 intruction를 사용하여 자바 스크립트 바닐라와 함께 할 수 있습니다. Riot에는 고급 DOM 셀렉터가 없습니다. http://plnkr.co/edit/xwWCcwAQG2IhvJuQA7Yz

<my-tag> 
    <form ref='form'> 
    <span each={ items }> 
     <input type="checkbox" value="{value}" checked="{ checked }">{name}</input> 
    </span> 
    <input type="button" value="submit "onclick={ submit }> 
    </form> 
    <script> 
    this.items =[{name:'Central locking', checked:false},{name:'Power seats', checked:false}] 
    submit(e) { 
     console.log(this.refs.form.elements) 
    } 
    </script> 
</my-tag> 

온라인 버전은 또한 당신은 당신의 접근 방식을 바꿀 수 있으며 프로그램 않습니다. 사용자가 체크 박스를 클릭 할 때 onclick을 추가하고 폼의 상태를 유지할 수 있도록 해시 또는 그 상태로 해당 상태를 저장합니다.