然而，属性checked是用两个getter和setter定义的：

＜PROPERTY NAME="checked" GET="getChecked" PUT="putChecked" /＞

因此，我们在＜SCRIPT＞部分建立了上面两个方法的定义。正如你所见，setter putChecked()-将在每次复选框状态改变时激发-把value属性设置为下面两个变体之一：onValue或OffValue。请注意，putChecked()将不仅可由在复选框-宿主页面中的脚本触发，而且也能通过在checkbox.htc中的相应的任何赋值操作触发。

var _value; function putChecked( newValue ) { 　value = (newValue?onValue:offValue); } function getChecked(){ 　return ( _value == onValue); }

六、为定制标签定义事件

让我们看一下onItemChanging和onItemChanged事件的定义以及这些事件是怎样在value属性的setter内部被激发和处理的（见所附源码中的列表2）。方法putValue()有几个让人感兴趣的地方。首先，在分析CHECKBOX标签期间，可以调用这个方法-只要指定这个HTMLvalue属性。这正解释了为什么我们为非构造对象建立一个单独的逻辑分支-为把构造过程与一个对用户击键的反应区别开来。其次，在此我们展示了定制事件onItemChanging的创建和处理-它允许应用程序取消行为。请注意，通过这种方式，无论是击键还是通过编程方式实现赋值都能达到取消的目的。

事件取消

为了取消事件，一个应用程序应该拦截该事件并且把event.returnValue设置为false。下面的代码片断展示了应用程序是怎样实现取消事件过程的：

cbx_1::onItemChanging() { . . . . . if (canNotBeAllowed) { 　event.returnValue=false; 　. . . . . }

如果事件没被取消，putValue()把内部的普通HTML复选框的checked属性设置为每个相应的当前值-如果它等于onValue，这个内部复选框将被选中；如果它等于offValue(不存在第三种选择)，复选框不被选中(完整的列表见本文所附源码中的列表2)。

复选框的HTML内幕

我们控件的绘制是通过助理函数addLabel()和addCheckBox()来实现的并且从一个constructor()内部调用。这些函数把HTML注入进元素的innerHTML。这种注入式HTML的一种简化形式如下所示：

＜LABEL for=cb_{uniqueID}＞Show Details:＜/LABEL＞ ＜INPUT id=cb_{uniqueID} type=checkbox /＞

在此，uniqueID是一个由IE所生成的唯一的（在一个页面内）字符串-它用来识别HTC的实例。

七、 再封装

在我们的CHECKBOX中有一个缺点。按照我们建立它的方式，在constructor()期间被注入的HTML将隶属于宿主该HTC的页面的DOM。而且，全局的JavaScript变量like_value属于它们所在的文档的全局范围。这是危险的，因为我们偶然会遇到命名冲突的可能性：最明显的情形是使用同一个组件的多个实例。另外这还会导致一个可能性-我们的控件可能会偶然地用相同的名称参考其它对象，反之也如此。

为简化起见，需要建立一种专门的机制来为对象授权启动一个真正模块化方法。幸好，HTC技术支持一种智能答案-viewLink。

把一个控件声明为封装的最容易的方法是把一个额外声明放到打开和关闭的PUBLIC:COMPONENT标签之间：

＜PUBLIC:DEFAULTS viewLinkContent/＞