高分求解如何2组多选框，每组至少选择一个，并将多选值映射成二进制字符串？？？

邵先森 2011-08-16 07:36:27
求助，有如下代码。想实现A组至少选择一个，B组至少选择一个，如何写在同一个脚本里？越简洁越好，有注释更好~~~并且按选中为1，未选中为0，将多选值映射成二进制字符串？例如选择A1B2，则传出1001000？求高手指点，不吝赐教~~

<HTML>

<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<form name="sub">
1:<input type="checkbox" name="A" /><br/>
2:<input type="checkbox" name="A" /><br/>
1:<input type="checkbox" name="B" /><br/>
2:<input type="checkbox" name="B" /><br/>
3:<input type="checkbox" name="B" /><br/>
4:<input type="checkbox" name="B" /><br/>
5:<input type="checkbox" name="B" /><br/>
<input type="button" value="submit" onclick="checkbx();"/>
</form>
</BODY>
<script type="text/javascript">
function checkbx()
{
var isChecked = false;
var boxArr = document.getElementsByName("A");
var str = "";
for (var i=0; i<boxArr.length;i++)
{
if (boxArr[i].checked)
{
boxArr[i].value = 1;
isChecked = true;
}
else
{
boxArr[i].value = 0;
}
str += boxArr[i].value;
}
if(isChecked)
{
alert("Success!!");
}
else
{
alert("Error!!");
}
}
function checkbx()
{
var isChecked = false;
var boxArr = document.getElementsByName("B");
var str = "";
for (var i=0; i<boxArr.length;i++)
{
if (boxArr[i].checked)
{
boxArr[i].value = 1;
isChecked = true;
}
else
{
boxArr[i].value = 0;
}
str += boxArr[i].value;
}
if(isChecked)
{
alert("Success!!");
//alert("boxArr" + i + "====" + boxArr[i].value);
}
else
{
alert("Error!!");
}
}

</script>
</HTML>
...全文
143 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
邵先森 2011-08-17
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 mubeibei 的回复:]
HTML code
<HTML>

<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</HEAD>
<BODY>
<form name="sub">
1:<input type="checkbox" name="A" /><br/>
2:<inpu……
[/Quote]再问个小白问题，如何修改这段代码得到2个字符串？昨天表述错误了。。。A组一个B组一个~~~谢谢
乌镇程序员 2011-08-16
  • 打赏
  • 举报
 回复
HTML DOM 访问节点
http://www.w3school.com.cn/htmldom/dom_nodes_access.asp
邵先森 2011-08-16
  • 打赏
  • 举报
 回复
[Quote=引用 3 楼 t5500 的回复:]

HTML code
<!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-equi……
[/Quote]灰常感谢~~('form')为什么用引号加括号？还是说这个=forms[0]?本人超级小白~~
乌镇程序员 2011-08-16
  • 打赏
  • 举报
 回复 
<!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 checkbx() {

	var result = '';

	var obj = document.getElementsByTagName('form')[0].getElementsByTagName('input');

	for ( var i = 0; i < obj.length; i ++) if (obj[i].type.toLowerCase() == 'checkbox') obj[i].checked ? result += '1' : result += '0';

	if (/^([0]{7})|([0]{2}[01]{5})|([01]{2}[0]{5})$/.test(result)) {

		alert('A、B组至少各选一个');

		return false;

	}

	else {

		alert(result);

		return true;

	}

}

</script>

</head>



<body>

<form name="sub">

    1:<input type="checkbox" name="A" /><br/>

    2:<input type="checkbox" name="A" /><br/>

    1:<input type="checkbox" name="B" /><br/>

    2:<input type="checkbox" name="B" /><br/>

    3:<input type="checkbox" name="B" /><br/>

    4:<input type="checkbox" name="B" /><br/>

    5:<input type="checkbox" name="B" /><br/>

    <input type="button" value="submit" onclick="checkbx();"/>

</form>

</body>

</html>
乌镇程序员 2011-08-16
  • 打赏
  • 举报
 回复 
<!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 checkbx() {

	var FLAG_A = FLAG_B = false;  //表示是否通过验证，默认为通过验证

	var msg = []; //保存错误信息

	

	var A = document.getElementsByName('A');

	for( var i = 0; i < A.length; i ++) {

		if (A[i].checked) {

			FLAG_A = true;

			break;

		}

	}

	var B = document.getElementsByName('B');

	for( var i = 0; i < B.length; i ++) {

		if (B[i].checked) {

			FLAG_B = true;

		}

	}

	

	if (!FLAG_A) msg.push('A组至少选一个');

	if (!FLAG_B) msg.push('B组至少选一个');

	

	if (FLAG_A && FLAG_B) {

		var inputs = document.getElementsByName('sub')[0].getElementsByTagName('input');

		var result = '';

		for( var i = 0; i < inputs.length; i ++) {

			if (inputs[i].type.toLowerCase() == 'checkbox') inputs[i].checked ? result += '1' : result += '0'; //组合checkbox数据，选择为1，否则为0

		}

		alert(result);

		return true;

	}

	else {

		alert(msg);

		return false;

	}

}

</script>

</head>



<body>

<form name="sub">

    1:<input type="checkbox" name="A" /><br/>

    2:<input type="checkbox" name="A" /><br/>

    1:<input type="checkbox" name="B" /><br/>

    2:<input type="checkbox" name="B" /><br/>

    3:<input type="checkbox" name="B" /><br/>

    4:<input type="checkbox" name="B" /><br/>

    5:<input type="checkbox" name="B" /><br/>

    <input type="button" value="submit" onclick="checkbx();"/>

</form>

</body>

</html>
MuBeiBei 2011-08-16
  • 打赏
  • 举报
 回复 
<HTML>



<HEAD>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</HEAD> 

<BODY>

<form name="sub">

1:<input type="checkbox" name="A" /><br/>

2:<input type="checkbox" name="A" /><br/>

1:<input type="checkbox" name="B" /><br/>

2:<input type="checkbox" name="B" /><br/>

3:<input type="checkbox" name="B" /><br/>

4:<input type="checkbox" name="B" /><br/>

5:<input type="checkbox" name="B" /><br/>

<input type="button" value="submit" id="btn"/>

</form>

</BODY>

<script type="text/javascript">

	document.getElementById('btn').onclick = function(){

		var a = document.getElementsByName('A'),

		b = document.getElementsByName('B'),

		cb = document.getElementsByTagName('input'),

		len = cb.length,is_a = is_b = false,str = '';

		

		for(var i = 0; i < a.length; i++){

			if(a[i].checked){

				a[i].value = '1';

				is_a = true;

			}else{

				a[i].value = '0';	

			}

		}	

		

		for(var j = 0; j < b.length; j++){

			if(b[j].checked){

				b[j].value = '1';

				is_b = true;

			}else{

				b[j].value = '0';	

			}	

		}

		

		if(is_a && is_b){

			for(var k = 0; k < len; k++){

				if(cb[k].type == 'checkbox'){

					str += cb[k].value;

				}	

			}

			alert('结果为：' + str);	

		}else{

			alert('每组至少选择一个')	

		}

	};



</script>

</HTML>
字符串十六进制转ASCII码
本文介绍了一种将十六进制字符串转换为ASCII码的方法。通过两个主要步骤：首先将十六进制字符串转换为二进制数组，然后将每个二进制值映射到对应的ASCII字符。此过程涉及正则表达式、类型转换等技术。
Milvus 索引如何选择
博客介绍了Milvus几种索引类型的特点及适用场景。AUTOINDEX由数据库自动选索引，适合对索引了解有限者；标量索引中，Trie适合字符串前缀匹配查询，BITMAP适合id值基数低的等值查询，INVERTED适合文本内容复杂查询。
python字符串转64位数字_python-将String转换为64位整数映射字符以自定义两位值映射...
文章介绍了一种将包含特定字符（如'ACGT'）的字符串转换为64位整数的方法，利用Python的str.translate()和int()函数，以4为基数进行转换。并通过性能测试与其他方法进行了比较，展示了其高效性。
音频base64
音频Base64是将二进制音频数据编码为ASCII字符串的方法，可将音频文件转为纯文本，便于在文本协议中传输或存储。其原理是将每3字节二进制数据分割为4个6位组并映射到字符表。用途包括网页嵌入、API传输和存储，有兼容文本协议的优点，但会使体积增大。
还在为LabVIEW参数存储效率发愁？二进制+UID绑定方案一键解决所有控件存取难题
本文提出基于控件UID与二进制序列化的LabVIEW参数存储方案，解决传统INI/DAT/XML等格式存在的性能低、依赖控件名、类型转换繁琐及簇解绑开销大等问题。方案利用VI Server获取控件UID和值，构建UID-变体映射表，并通过二进制平化/还原实现高速存取，支持异常过滤、增量更新与版本兼容，实测较INI提速约15倍。
JavaScript

87,990

社区成员

224,684

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章