我正在尝试获取已签入复选框的值并存储在数组中。每当用户单击任何复选框时,我都希望使用仅选中复选框的值更新数组。我该怎么办?
<label>
<input type='checkbox'>
{{#if checked}}checked!{{else}}Circle{{/if}}
</label><br>
<label>
<input type='checkbox'>
{{#if checked}}checked!{{else}}Star{{/if}}
</label><br>
<label>
<input type='checkbox'>
{{#if checked}}checked!{{else}}Square{{/if}}
</label><br>
<label>
<input type='checkbox'>
{{#if checked}}checked!{{else}}Hexagon{{/if}}
</label><br>
<label>
<input type='checkbox'>
{{#if checked}}checked!{{else}}Triangle{{/if}}
</label><br>
<label>
<input type='checkbox'>
{{#if checked}}checked!{{else}}Polygon{{/if}}
</label>
答案 0 :(得分:2)
您可以将数组变量绑定到复选框的name
属性。
<div id="output"></div>
<script id="template" type="text/html">
<input type="checkbox" name="{{ shapes }}" value="Circle" /> Circle<br/>
<input type="checkbox" name="{{ shapes }}" value="Star" /> Star<br/>
<input type="checkbox" name="{{ shapes }}" value="Square" /> Square<br/>
<br/>
Selected shapes: {{ shapes }}
</script>
<script type="text/javascript">
new Ractive({
template: "#template",
el: "#output",
data: {
shapes: []
}
});
</script>