- 主题
- 0
- 积分
- 0
- 贝壳
- 0 个
- 来自
- 广东梅州
- 注册时间
- 2006-10-19
- 最后登录
- 2006-10-19
|
复选框
| 复选框
文字域和文字区域是表单的两种元素。其它的还有复选
框、单选框及下拉菜单。首先我们学习复选框。
复选框的主要属性就是：被选中（checked）。
如果有一个名为the_form的表单，其中一个复选框的名称
为the_checkbox，你可一看到如果点击该复选框会发生什
么情况：
var is_checked =
window.document.the_form.the_checkbox.checked;
if (is_checked == true)
{
alert("Yup, it';s checked!");
} else {
alert("Nope, it';s not checked.");
}
如果复选框被选中，则复选框的属性为真(true）。
真（true）是JavaScript内置的数据类型，所以你不必
对true添加引号。如果复选框未被选中，则其属性为
假（false），这也是一只内置数据类型。
你还可以设定复选框的属性。以下是设置复选框属性的一
个例子：
Checkbox 1
Click to check Checkbox 1
Click to uncheck Checkbox 1
Click to see the value of Checkbox 1
以下为代码：
Click to check Checkbox 1
Click to uncheck Checkbox 1
Click to see the value of Checkbox 1
注意我在链接中始终加入了return false，以防止浏览器
刷新页面又回到原来的内容。
复选框的事件处理器是onClick。当某人点击复选框
时，onClick事件处理器即发挥作用。以下为其使用实例。
The Light Switch
该例子中，表单应用了onClick复选框处理器：
当某人点击复选框时，onClick处理器被激活并执行函
数switchLight()，以下为函数switchLight() 的编码（它
置于网页首部中):
function switchLight()
{
var the_box = window.document.form_2.check_1;
var the_switch = "";
if (the_box.checked == false) {
alert("Hey! Turn that back on!");
document.bgColor=';black';;
} else {
alert("Thanks!");
document.bgColor=';white';;
}
}
第一行：
var the_box = window.document.form_2.check_1;
将复选框对象赋值给一个变量。这样可以缩小编程长度，
还可以将对象作为参数传递给函数。
>>
|
|
