关于复选框绑定的问题

Question

<input type="checkbox" name="a" value="1" onclick="cl()">
<input type="checkbox" name="a" value="2" onclick="cl()">
<input type="checkbox" name="a" value="3" onclick="cl()">
<input type="checkbox" name="a" value="4" onclick="cl()">
<input type="checkbox" name="b" value="a">
<input type="checkbox" name="b" value="b">
<input type="checkbox" name="b" value="c">
<input type="checkbox" name="b" value="d"><script>
function cl()
{
o = document.getElementsByName("a");
for(c=0;c<o.length;c++)
{
document.getElementsByName("b")[c].checked = o[c].checked;
}
}
</script>

Answer 1

<form name="autoSumForm" id="form1">
<input type="checkbox" name="a" value="1" onclick="cl('a','b')">
<input type="checkbox" name="a" value="2" onclick="cl('a','b')">
<input type="checkbox" name="a" value="3" onclick="cl('a','b')">
<input type="checkbox" name="a" value="4" onclick="cl('a','b')">
<input type="checkbox" name="b" value="a" onclick="cl('b','a')">
<input type="checkbox" name="b" value="b" onclick="cl('b','a')">
<input type="checkbox" name="b" value="c" onclick="cl('b','a')">
<input type="checkbox" name="b" value="d" onclick="cl('b','a')"><script>
function cl(a, b)
{
o = document.getElementsByName(a);
m = document.getElementsByName(b);
for(c = 0;c < o.length; c++)
{
m[c].checked = o[c].checked;
}
}
</script>
</form>

Answer 2

<select name="THMVOKJ_TEL_NO_DIV1" class="" onclick="" onkeypress="" onfocus="" onblur="" onchange="" onmouseover="" onmouseout="" id="THMVOKJ_TEL_NO_DIV1" tabindex="">
<option value=""></option>
<option value="0">携帯</option>
<option value="1">自宅</option>
<option value="2">大家</option>
<option value="3">管理人&#12539;共同</option>
<option value="4">勤務先</option>
<option value="5">実家</option>
<option value="9">隣
我说的不是checkbox 而是2个listbox啊！

Answer 3

<select id="a" onchange="document.getElementById('b').selectedIndex=this.selectedIndex">
<option>1</option>
<option>2</option>
</select>
<select id="b">
<option>1</option>
<option>2</option>
</select>