加載 alpinejs 時，它會取消選中所有復選框，我不知道為什么要這樣做，但確實如此。
<div x-data="{ colors: [orange] }">
<input type="checkbox" value="red" x-model="colors">
<input type="checkbox" value="orange" x-model="colors" :checked="colors.includes('orange')">
<input type="checkbox" value="yellow" x-model="colors">
<div class="pt-4">Colors: <span x-text="colors">orange,red,yellow</span></div>
</div>
因此，當加載上面的代碼時，我需要檢查橙色，但事實并非如此。有人知道這里發生了什么嗎？
uj5u.com熱心網友回復：
您需要在陣列中添加單引號，['orange']并且不需要:checked...
<script src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
<div x-data="{ colors: ['orange'] }">
<input type="checkbox" value="red" x-model="colors">
<input type="checkbox" value="orange" x-model="colors">
<input type="checkbox" value="yellow" x-model="colors">
<div class="pt-4">Colors: <span x-text="colors"></span></div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/374347.html
標籤：javascript html 数组 形式 高山.js
上一篇：在選擇選項下拉串列中更改背景顏色
下一篇：使用CSV填寫網路表單