Микропроцессорные средства и системы / 4 Вариант / 1_ / 1 лабс АФ / images / survey-library-master / src / knockout / components / checkbox / checkbox

<div data-bind="css: question.koCss().root">
<label data-bind="css: question.getItemCss()">
<input
type="checkbox"
data-bind="css: question.koCss().control, attr: {name: question.name, id: question.inputId, 'aria-required': question.isRequired, 'aria-label': question.locTitle.renderedHtml, 'aria-invalid': question.errors.length > 0, 'aria-describedby': question.errors.length > 0 ? question.id + '_errors' : null}, checked: question.checkedValue, surveyProp: {indeterminate: question.isIndeterminate}, enable: !question.isReadOnly"
/>
<span data-bind="css: question.koCss().materialDecorator">
<svg viewBox="0 0 24 24" data-bind="css:question.koCss().itemDecorator">
<rect
data-bind="css:question.koCss().uncheckedPath"
x="5"
y="10"
width="14"
height="4"
/>
<polygon
data-bind="css:question.koCss().checkedPath"
points="19,10 14,10 14,5 10,5 10,10 5,10 5,14 10,14 10,19 14,19 14,14 19,14 "
/>
<path
data-bind="css:question.koCss().indeterminatePath"
d="M22,0H2C0.9,0,0,0.9,0,2v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V2C24,0.9,23.1,0,22,0z M21,18L6,3h15V18z M3,6l15,15H3V6z"
/>
</svg>
<span class="check"></span>
</span>
<span
data-bind="if: question.titleLocation === 'hidden', css: question.koCss().label"
>
<!-- ko template: { name: 'survey-string', data: question.locDisplayLabel } -->
<!-- /ko -->
</span>
</label>
</div>