Checked绑定用在checkbox ()或 radio button ()上。
注意:checked绑定只适用于支持checked的DOM元素,其它DOM元素的值可以使用value绑定。
多选钮(Checkedbox) checked绑定
使用Kendo checked绑定到checkbox时,当ViewModel对应的值为true, Checkbox显示选中状态,而当用户点击checkbox选择状态时,对应的ViewModel的值也随之变化。
例如:
1 |
<input type= "checkbox" data-bind= "checked: isChecked" /> |
2 |
<script> |
3 |
var viewModel = kendo.observable({ |
4 |
isChecked: false |
5 |
}); |
6 |
7 |
kendo.bind($( "input" ), viewModel); |
8 |
</script> |
本例,因为viewModel的isChecked初始值为false,因此Checkbox显示未选状态,如果此时用户点击选择该选项,那么viewModel的isChecked的值为true.
绑定一个数组到一组多选框
checked绑定支持把ViewModel对象的一个数组属性绑定到一组多选框, 选择一组多选框的某个Checkbox,它的值被添加到ViewModel的数组中,反之,该值从数组中移除。
1 |
< input type = "checkbox" value = "Red" data-bind = "checked: colors" />Red |
|