经典论坛»论坛 › 网站开发区 › 前台制作与脚本专栏 › 复选框最少必选一项的js如何写

查看: 2296|回复: 4

复选框最少必选一项的js如何写

sundoo　楼主

16 主题	0 好友	363 积分

中级会员

帖子: 80
威望: 0
居住地: 广东省深圳市
注册时间: 2005-11-5

发消息

发表于 2009-8-24 17:28:51 |显示全部楼层

<table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                          <td width="8%" height="25" align="center" valign="bottom">选择</td>
                                          <td width="43%" align="center" valign="bottom">商品</td>
                                          <td width="11%" align="left" valign="bottom">数量</td>
                                          <td width="38%" align="left" valign="bottom">&nbsp;</td>
                                        </tr>
                                        <tr>
                                          <td height="35" align="center"><input name="chk[]" type="checkbox" id="chk[]" value="多功能保健仪 EH-006CH (1280元)" /></td>
                                          <td>多功能保健仪 EH-006CH (1280元)</td>
                                          <td><input name="num0" type="text" id="num0" size="6" /></td>
                                          <td rowspan="5">最少选一项，并写明数量，可多选</td>
                                        </tr>
                                        <tr>
                                          <td height="35" align="center"><input name="chk[]" type="checkbox" id="chk[]" value="脚底按摩器 EH-168B (980元)" /></td>
                                          <td>脚底按摩器 EH-168B (980元)</td>
                                          <td><input name="num1" type="text" id="num1" size="6" /></td>
                                          </tr>
                                        <tr>
                                          <td height="35" align="center"><input name="chk[]" type="checkbox" id="chk[]" value="健之路 EH-0019 (198元)" /></td>
                                          <td>健之路 EH-0019 (198元)</td>
                                          <td><input name="num2" type="text" id="num2" size="6" /></td>
                                          </tr>
                                        <tr>
                                          <td height="35" align="center"><input name="chk[]" type="checkbox" id="chk[]" value="低频纤体仪 EH-007BH (1880元)" /></td>
                                          <td>低频纤体仪 EH-007BH (1880元)</td>
                                          <td><input name="num3" type="text" id="num3" size="6" /></td>
                                          </tr>
                                        <tr>
                                          <td height="35" align="center"><input name="chk[]" type="checkbox" id="chk[]" value="脚底按摩器 EH-168C (280元)" /></td>
                                          <td>脚底按摩器 EH-168C (280元)</td>
                                          <td><input name="num4" type="text" id="num4" size="6" /></td>
                                          </tr>
                                      </table>

提示：您可以先修改部分代码再运行

选择后，后面的数量不能为空

西部数码10周年庆满300省100元！

使用道具举报

sundoo　楼主

16 主题	0 好友	363 积分

中级会员

帖子: 80
威望: 0
居住地: 广东省深圳市
注册时间: 2005-11-5

发消息

发表于 2009-8-24 17:54:41 |显示全部楼层

好像以前用见过这样的帖子的

2012阿里云开发者大会

使用道具举报

wingjay1118　

幸福的鸟人

3 主题	0 好友	180 积分

初级会员

帖子: 59
威望: 0
注册时间: 2006-5-16

发消息

发表于 2009-8-24 17:57:20 |显示全部楼层

提示：您可以先修改部分代码再运行

使用道具举报

xt334　

1 主题	3 好友	191 积分

初级会员

帖子: 60
威望: 0
居住地: 湖北省武汉市
注册时间: 2007-3-4

发消息

发表于 2009-9-11 13:01:07 |显示全部楼层

回复 1# sundoo [楼主] 的帖子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function fliterNode(node,nodeType,parent){
	var elements = [];
	var parent = parent || document;
	var eNodes = parent.getElementsByTagName(node);
	for(var i =0,len = eNodes.length,ele; i<len; i++){
		ele = eNodes[i];
		if(ele.type == nodeType) elements.push(ele);
	}
	return elements;
}

window.onload = function(){
	var btn = document.getElementById("button");
	btn.onclick = function(){check();return false;};
}
</script>
</head>

提示：您可以先修改部分代码再运行

[ 本帖最后由 xt334 于 2009-9-11 13:08 编辑 ]

使用道具举报

sundoo　楼主

16 主题	0 好友	363 积分

中级会员

帖子: 80
威望: 0
居住地: 广东省深圳市
注册时间: 2005-11-5

发消息

发表于 2009-11-18 16:25:55 |显示全部楼层

楼上的不错，感谢了。。。。

使用道具举报

返回列表

Archiver|手机版|blueidea.com ( 京ICP备05002321号 )

GMT+8, 2012-11-28 01:14 , Processed in 0.113810 second(s), 13 queries , Gzip On, Memcache On.

Powered by Discuz! X2.5

帐号		自动登录	找回密码
密码			注册