有效地控制表单元素的选择方式

原创 2004年09月15日 12:08:00
有效地控制表单元素的选择方式

原作者:追风                  人气:138
你最喜欢什么课程?
All   数学    语文    英语   生物    历史

首先,将如下的代码加入HTML的<head>...</head>之间:
<SCRIPT LANGUAGE="JavaScript">
<!--//
function checkChoice(field, i) {
if (i == 0) {
// "All" 被选中了;则将其它所有已经被选择的项目清除,即置成checked状态为false;
if (field[0].checked == true) {
for (i = 1; i < field.length; i++)
field[i].checked = false;
}
}
else {
//否则,只要其它任意项目被选中,则将ALL的选择状态(field[0])设置为false(未被选中)

if (field[i].checked == true) {
field[0].checked = false; }
}}
//-->
</script>

然后,将表单加入HTML的<body>区:

<form name=ickform method="post" action="....">
<table width="201">
<tr>
<td>你最喜欢什么课程?</td>
</tr>
<tr>
<td>
<input type=checkbox name=classes value="all" onClick="checkChoice(document.pickform.classes, 0)" checked>
All <br>
<input type=checkbox name=classes value="数学" onClick="checkChoice(document.pickform.classes, 1)">
数学<br>
<input type=checkbox name=classes value="语文" onClick="checkChoice(document.pickform.classes, 2)">
语文 <br>
<input type=checkbox name=classes value="英语" onClick="checkChoice(document.pickform.classes, 3)">
英语<br>
<input type=checkbox name=classes value="生物" onClick="checkChoice(document.pickform.classes, 4)">
生物<br>
<input type=checkbox name=classes value="历史" onClick="checkChoice(document.pickform.classes, 5)">
历史</td>
</tr>
<tr>
<td>
<input type="button" name="Button" value="Button" onClick="javascript:alert('使用时将action指向处理表单的程序!')">
</td>
</tr>
</table>
</form>

css3之UI元素状态伪类选择器

所谓UI选择器:就是指定的样式只有当元素处于某种状态下时,才起作用,在默认状态下不起作用! 浏览器兼容性: E:hover                支持firefox、safari、Opera、...
  • u012859748
  • u012859748
  • 2016年09月21日 19:48
  • 1941

【CSS3】选择器(表单元素选择器 & 其他)--慕课网【学习总结】

1.表单元素选择器 (1):enabled选择器   (2):disabled选择器  (3):checked选择器  (4):read-on;y选择器  (5):read-write选择器  2.其...
  • shenjun1992722
  • shenjun1992722
  • 2016年06月29日 22:44
  • 1199

jQuery操作Form表单元素

Web开发中经常需要操作表单,form表单元素有select、checkbox、radio、textarea、button、file、text、hidden、password等。其中checkbox和...
  • accountwcx
  • accountwcx
  • 2015年07月27日 09:13
  • 5371

如何有效地控制项目进度——重视细节

项目管理的目的是能够按照预定的成本、进度和质量要求顺利地对人员、产品、过程和项目进行分析和管理。在项目管理中,有些细节需要引起项目经理的重视。 根据经验规划 即先做少量的规划,再根据实践过程中得到...
  • wei_ge163
  • wei_ge163
  • 2012年10月12日 16:14
  • 386

如何有效地控制项目进度——重视细节

项目管理的目的是能够按照预定的成本、进度和质量要求顺利地对人员、产品、过程和项目进行分析和管理。在项目管理中,有些细节需要引起项目经理的重视。   根据经验规划   即先做少量的规划,再根...
  • Alan_Wdd
  • Alan_Wdd
  • 2013年03月22日 11:28
  • 510

如何有效地控制项目进度——重视细节

如何有效地控制项目进度——重视细节 发表于2014-04-29 16:37| 3201次阅读| 来源《程序员》| 9 条评论| 作者李晨旭 《程序员》杂志2012年10月刊管理实践项目...
  • YaoXTao
  • YaoXTao
  • 2014年05月04日 15:06
  • 367

jsp+servlet做的form表单元素的提交

  • 2012年07月27日 14:28
  • 352KB
  • 下载

ExtJs获取表单元素的值

  • 2015年09月05日 14:49
  • 317B
  • 下载

获取提交的表单元素的值

  • 2014年12月16日 10:41
  • 197KB
  • 下载

jquery获取表单元素的方法

  • 2013年06月29日 20:43
  • 6KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:有效地控制表单元素的选择方式
举报原因:
原因补充:

(最多只允许输入30个字)