fields-listcheckbox.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <script id="tmpl-nf-field-listcheckbox" type="text/template">
  2. <ul aria-describedby="nf-error-{{{ data.id }}}">
  3. {{{ data.renderOptions() }}}
  4. </ul>
  5. </script>
  6. <script id='tmpl-nf-field-listcheckbox-option' type='text/template'>
  7. <# if ( ! data.visible ) { return '' } #>
  8. <li>
  9. <input type="checkbox" id="nf-field-{{{ data.fieldID }}}-{{{ data.index }}}" name="nf-field-{{{ data.fieldID }}}" class="{{{ data.classes }}} nf-element {{{ ( data.isSelected ) ? ' nf-checked' : '' }}}" value="{{{ data.value }}}" {{{ ( data.isSelected ) ? 'checked="checked"' : '' }}}
  10. aria-labelledby="nf-label-field-{{{ data.fieldID }}}-{{{ data.index }}}"
  11. <# if( data.required ) { #>
  12. required
  13. <# } #>
  14. >
  15. <label for="nf-field-{{{ data.fieldID }}}-{{{ data.index }}}"
  16. id="nf-label-field-{{{ data.fieldID }}}-{{{ data.index }}}"
  17. class="{{{ ( data.isSelected ) ? 'nf-checked-label' : '' }}}">{{{ data.label }}}</label>
  18. </li>
  19. </script>
  20. <script id='tmpl-nf-field-listcheckbox-other' type='text/template'>
  21. <li {{{ ( ! data.visible ) ? 'style="display:none"' : '' }}}>
  22. <input type="checkbox"
  23. id="nf-field-{{{ data.fieldID }}}-other"
  24. name="nf-field-{{{ data.fieldID }}}" class="{{{ data.classes }}} nf-element" value="nf-other" {{{ ( ! data.valueFound ) ? 'checked="checked"' : '' }}}
  25. aria-labelledby="nf-label-field-{{{ data.fieldID }}}-other"
  26. <# if( data.required ) { #>
  27. required
  28. <# } #>
  29. >
  30. <label id="nf-label-field-{{{ data.fieldID }}}-other">Other
  31. {{{ data.renderOtherText() }}}
  32. </label>
  33. </li>
  34. </script>
  35. <script id='tmpl-nf-field-listcheckbox-other-text' type='text/template'>
  36. <input type="text" name="nf-field-{{{ data.fieldID }}}" class="nf-element" value="{{{ data.currentValue }}}">
  37. </script>