Question

菜鸟请教一个HTML复选框和JS事件的问题！

原来的HTML复选框代码：
<td width="21"><input type="checkbox" checked="checked" value=".com" name="suffix" /></td>
<td width="31" align="left"><span class="fred">.com</span></td>
<td width="21"><input type="checkbox" checked="checked" value=".net" name="suffix" /></td>
<td width="44" align="left"><span class="fred">.net</span></td>

原来的JS时间代码：
function CheckForm(form,type)
{
len=form.suffix.length;
var count = 0;
for(var i=0;i<len;i++)
{
if(form.suffix[i].checked)
count++;
}

if(count<1 || count>10)
{
alert("为保证查询速度,每次最多允许查询10个域名");
return false;
}
｝

修改后HTML的复选框代码如下：
<td class='td_whois'><input type="checkbox" name="end_domain[]" value=".com" checked="checked" />.com</td>
<td class='td_whois'><input type="checkbox" name="end_domain[]" value=".net" />.net</td>

我看到的主要问题是：原来的name为suffix,修改后的为end_domain[]，在原JS事件代码，如果把suffix改为end_domain[]呢？这个差别，是end_domain后面还多了“[]”中刮号，，在JS中如何写入不会出错呢。然HTML复选框必须要用“[]”中刮号才可以实现域名的查询结果。

Answer 1

你可以把标签里加个ID属性,储存在某变量里,用变量来执行,如:

<td class='td_whois'><input type="checkbox" id="suffix" name="end_domain[]" value=".com" checked="checkedCbox()" />.com</td>

脚本里改为:

var obj=document.getElemeteById("suffix");
function checkedCbox()
{
var len=obj.length;
var count = 0;
for(var i=0;i<len;i++)
{
if(obj[i].checked)
count++;
}

if(count<1 || count>10)
{
alert("为保证查询速度,每次最多允许查询10个域名");
return false;
}
｝

Answer 2

function CheckForm(form,type)
{
len=form.end_domain.length;
var count = 0;
for(var i=0;i<len;i++)
{
if(form.end_domain[i].checked)
count++;
}

Answer 3

转义字符 "\[\]"

Answer 4

动态创建dom，appendchild("input")，赋name值