checkbox radio select 选中总结

Posted 2020-11-30 chillaxyw

html上的属性被称为attribute ,可以通过 setAttribute 和getAttribute 来设置和获取。

checkbox 上的 checked 属性 在第一次设置的时候会立马变成选中状态。如:

1. 在html上直接设置 。<input type="checkbox" checked>

2. 通过 setAttribute("checked","")任意值来设置，即可变成选中状态。但是只在第一次生效，后面无论怎么设置值，chebox的选中状态都不会改变。

通过js改变checkbox 的状态可以通过  dom.checked=true|false 来设置。

dom 的属性 property  可以直接通过 dom.来访问

dom上的property 某一些可以和 attribute 对应上有些完全没有关系，这个待研究。

例如jquery 的attr 对应的就是html 上的attribute,

prop  就是对应 dom上的属性

 

总结Vue 中checkbox　　　　

在<input type="checkbox" v-model="ball" value="足球">足球<input type="checkbox" v-model="ball" value="篮球">篮球<input type="checkbox" v-model="ball" value="头球">头球<input type="checkbox"  value="冰球" v-model="ball">冰球

ball 的值是一个数组，是选中的chekbox 的value,数组值得顺序是checkbox 选中的顺序。