javascript 紧急求助

Question

紧急求助，以下代码怎么实现每一竖列只能选一个，并且选择的不能在同一行？请问怎么实现，急救！
<table align="center" border="0" width="100%"    >
  <tr>
    <td Width="5">
    </td>
    <td width="100%" valign="top" align="left">
      <table align="left" border="0" width="100%">
        <tr>
          <td>
            <span id="q10531" class="Question">Q3. 您最喜欢的原因@@最喜欢的场馆是什么？（单选）其次呢？（单选）再次呢？（单选）</span>
          </td>
        </tr>
        <tr>
          <td>
            <span class="Description"></span>
          </td>
        </tr>
        <tr>
          <td>
            <table class="Matrix" cellspacing="0" rules="all" border="1" id="_10531" style="width:100%;border-collapse:collapse;">
<tr class="Header">
<td>&nbsp;</td><td align="Center" valign="Bottom">
                    <span class="Error" id="_10531__ctl1__ctl0" controltovalidate="" errormessage=" Answers must be unique" display="Dynamic" style="color:Red;display:none;"> Answers must be unique</span>
                    <table align="center" width="100%">
                      <tr>
                        <td align="center">
                          <span id="_10531__ctl1__3662" class="Header"></span>
                        </td>
                      </tr>
                    </table>
                    <table width="100%" align="center" border="0">
                      <tr align="center" class="header">
                        <td valign="bottom" align="center" id="__SetOption" width="33.333333333333336%">最喜欢的原因（单选）</td>
                        <td valign="bottom" align="center" id="__SetOption" width="33.333333333333336%">其次（单选）</td>
                        <td valign="bottom" align="center" id="__SetOption" width="33.333333333333336%">再次（单选）</td>
                      </tr>
                    </table>
                  </td>
</tr><tr class="Item">
<td><span>喜欢这个国家/ 企业或品牌/ 主题</span></td><td align="Center">
                    <table id="_10531__ctl2__ctl2" border="0" style="width:100%;text-align:center">
<tr>
<td><input id="_10531__ctl2__ctl2_0" type="checkbox" name="_10531:_ctl2:_ctl2:0" /></td><td><input id="_10531__ctl2__ctl2_1" type="checkbox" name="_10531:_ctl2:_ctl2:1" /></td><td><input id="_10531__ctl2__ctl2_2" type="checkbox" name="_10531:_ctl2:_ctl2:2" /></td>
</tr>
</table>
                  </td>
</tr><tr class="AlternatingItem">
<td><span>场馆外观吸引人</span></td><td align="Center">
                    <table id="_10531__ctl3__ctl2" border="0" style="width:100%;text-align:center">
<tr>
<td><input id="_10531__ctl3__ctl2_0" type="checkbox" name="_10531:_ctl3:_ctl2:0" /></td><td><input id="_10531__ctl3__ctl2_1" type="checkbox" name="_10531:_ctl3:_ctl2:1" /></td><td><input id="_10531__ctl3__ctl2_2" type="checkbox" name="_10531:_ctl3:_ctl2:2" /></td>
</tr>
</table>
                  </td>
</tr><tr class="Item">
<td><span>场馆的宣传内容</span></td><td align="Center">
                    <table id="_10531__ctl4__ctl2" border="0" style="width:100%;text-align:center">
<tr>
<td><input id="_10531__ctl4__ctl2_0" type="checkbox" name="_10531:_ctl4:_ctl2:0" /></td><td><input id="_10531__ctl4__ctl2_1" type="checkbox" name="_10531:_ctl4:_ctl2:1" /></td><td><input id="_10531__ctl4__ctl2_2" type="checkbox" name="_10531:_ctl4:_ctl2:2" /></td>
</tr>
</table>
                  </td>
</tr><tr class="AlternatingItem">
<td><span>不用排队/ 排队的人少</span></td><td align="Center">
                    <table id="_10531__ctl5__ctl2" border="0" style="width:100%;text-align:center">
<tr>
<td><input id="_10531__ctl5__ctl2_0" type="checkbox" name="_10531:_ctl5:_ctl2:0" /></td><td><input id="_10531__ctl5__ctl2_1" type="checkbox" name="_10531:_ctl5:_ctl2:1" /></td><td><input id="_10531__ctl5__ctl2_2" type="checkbox" name="_10531:_ctl5:_ctl2:2" /></td>
</tr>
</table>
                  </td>
</tr><tr class="Item">
<td><span>排队不枯燥（设有有趣的表演等）</span></td><td align="Center">
                    <table id="_10531__ctl6__ctl2" border="0" style="width:100%;text-align:center">
<tr>
<td><input id="_10531__ctl6__ctl2_0" type="checkbox" name="_10531:_ctl6:_ctl2:0" /></td><td><input id="_10531__ctl6__ctl2_1" type="checkbox" name="_10531:_ctl6:_ctl2:1" /></td><td><input id="_10531__ctl6__ctl2_2" type="checkbox" name="_10531:_ctl6:_ctl2:2" /></td>
</tr>
</table>
                  </td>
</tr><tr class="AlternatingItem">
<td><span>场馆员工的服务（向排队观众耐心解释的服务态度、告知排队等候状况……）</span></td><td align="Center">
                    <table id="_10531__ctl7__ctl2" border="0" style="width:100%;text-align:center">
<tr>
<td><input id="_10531__ctl7__ctl2_0" type="checkbox" name="_10531:_ctl7:_ctl2:0" /></td><td><input id="_10531__ctl7__ctl2_1" type="checkbox" name="_10531:_ctl7:_ctl2:1" /></td><td><input id="_10531__ctl7__ctl2_2" type="checkbox" name="_10531:_ctl7:_ctl2:2" /></td>
</tr>
</table>
                  </td>
</tr><tr class="Item">
<td><span>舒服的参观环境（客流控制等机制）</span></td><td align="Center">
                    <table id="_10531__ctl8__ctl2" border="0" style="width:100%;text-align:center">
<tr>
<td><input id="_10531__ctl8__ctl2_0" type="checkbox" name="_10531:_ctl8:_ctl2:0" /></td><td><input id="_10531__ctl8__ctl2_1" type="checkbox" name="_10531:_ctl8:_ctl2:1" /></td><td><input id="_10531__ctl8__ctl2_2" type="checkbox" name="_10531:_ctl8:_ctl2:2" /></td>
</tr>
</table>
                  </td>
</tr><tr class="AlternatingItem">
<td><span>4D电影</span></td><td align="Center">
                    <table id="_10531__ctl9__ctl2" border="0" style="width:100%;text-align:center">
<tr>
<td><input id="_10531__ctl9__ctl2_0" type="checkbox" name="_10531:_ctl9:_ctl2:0" /></td><td><input id="_10531__ctl9__ctl2_1" type="checkbox" name="_10531:_ctl9:_ctl2:1" /></td><td><input id="_10531__ctl9__ctl2_2" type="checkbox" name="_10531:_ctl9:_ctl2:2" /></td>
</tr>
</table>
                  </td>
</tr><tr class="Item">
<td><span>免费赠送的小礼品（例如：巧克力、饮料等）</span></td><td align="Center">
                    <table id="_10531__ctl10__ctl2" border="0" style="width:100%;text-align:center">
<tr>
<td><input id="_10531__ctl10__ctl2_0" type="checkbox" name="_10531:_ctl10:_ctl2:0" /></td><td><input id="_10531__ctl10__ctl2_1" type="checkbox" name="_10531:_ctl10:_ctl2:1" /></td><td><input id="_10531__ctl10__ctl2_2" type="checkbox" name="_10531:_ctl10:_ctl2:2" /></td>
</tr>
</table>
                  </td>
</tr><tr class="AlternatingItem">
<td><span>表演和活动</span></td><td align="Center">
                    <table id="_10531__ctl11__ctl2" border="0" style="width:100%;text-align:center">
<tr>
<td><input id="_10531__ctl11__ctl2_0" type="checkbox" name="_10531:_ctl11:_ctl2:0" /></td><td><input id="_10531__ctl11__ctl2_1" type="checkbox" name="_10531:_ctl11:_ctl2:1" /></td><td><input id="_10531__ctl11__ctl2_2" type="checkbox" name="_10531:_ctl11:_ctl2:2" /></td>
</tr>
</table>
                  </td>
</tr><tr class="Item">
<td><span>好吃的餐饮/ 食品</span></td><td align="Center">
                    <table id="_10531__ctl12__ctl2" border="0" style="width:100%;text-align:center">
<tr>
<td><input id="_10531__ctl12__ctl2_0" type="checkbox" name="_10531:_ctl12:_ctl2:0" /></td><td><input id="_10531__ctl12__ctl2_1" type="checkbox" name="_10531:_ctl12:_ctl2:1" /></td><td><input id="_10531__ctl12__ctl2_2" type="checkbox" name="_10531:_ctl12:_ctl2:2" /></td>
</tr>
</table>
                  </td>
</tr><tr class="AlternatingItem">
<td><span>良好的餐饮的氛围</span></td><td align="Center">
                    <table id="_10531__ctl13__ctl2" border="0" style="width:100%;text-align:center">
<tr>
<td><input id="_10531__ctl13__ctl2_0" type="checkbox" name="_10531:_ctl13:_ctl2:0" /></td><td><input id="_10531__ctl13__ctl2_1" type="checkbox" name="_10531:_ctl13:_ctl2:1" /></td><td><input id="_10531__ctl13__ctl2_2" type="checkbox" name="_10531:_ctl13:_ctl2:2" /></td>
</tr>
</table>
                  </td>
</tr>
</table>
          </td>
        </tr>
      </table>
    </td>
    <td Width="50">
    </td>
  </tr>
  <tr>
    <td Class="Page">
    </td>
  </tr>
</table>

Answer 1

把checkbox改成radio吧，把竖起来的作为一组，就是要radio的name是一样的，这样就单选了

Answer 2

用radio
保证了一行只选一个先然后radio.onclick事件判断同列是否重复呗

Answer 3

这换是服务器上的代码。不能改的，现在只能加javascript去实现，不知道怎么去实现？

Answer 4

他这个系统有个接口只能加javascript

Answer 5

<html>
<head>
<title>JAVASCRIPT</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(":checkbox").click(function(){
if(this.checked) {
var name = $(this).attr("name");
name = name.substr(name.length-1,1);

if($(":checkbox[name$='"+name+"']:checked").not($(this)).length>0) {
this.checked = false;
alert("no");
}
name = $(this).attr("name");
name = name.substr(0,name.length-1);
if($(":checkbox[name^='"+name+"']:checked").not($(this)).length>0) {
this.checked= false;
alert("no");
}
}
});
});</script>
</head><body>
<table align="center" border="0" width="100%"    >
  <tr>
    <td Width="5">
    </td>
    <td width="100%" valign="top" align="left">
      <table align="left" border="0" width="100%">
        <tr>
          <td>
            <span id="q10531" class="Question">Q3.    您最喜欢的原因@@最喜欢的场馆是什么？（单选）其次呢？（单选）再次呢？（单选）</span>
          </td>
        </tr>
        <tr>
          <td>
            <span class="Description"></span>
          </td>
        </tr>
        <tr>
          <td>
            <table class="Matrix" cellspacing="0" rules="all" border="1" id="_10531" style="width:100%;border-collapse:collapse;">
        <tr class="Header">
            <td>&nbsp;</td><td align="Center" valign="Bottom">
                    <span class="Error" id="_10531__ctl1__ctl0" controltovalidate="" errormessage=" Answers must be unique" display="Dynamic" style="color:Red;display:none;"> Answers must be unique</span>
                    <table align="center" width="100%">
                      <tr>
                        <td align="center">
                          <span id="_10531__ctl1__3662" class="Header"></span>
                        </td>
                      </tr>
                    </table>
                    <table width="100%" align="center" border="0">
                      <tr align="center" class="header">
                        <td valign="bottom" align="center" id="__SetOption" width="33.333333333333336%">最喜欢的原因（单选）</td>
                        <td valign="bottom" align="center" id="__SetOption" width="33.333333333333336%">其次（单选）</td>
                        <td valign="bottom" align="center" id="__SetOption" width="33.333333333333336%">再次（单选）</td>
                      </tr>
                    </table>
                  </td>
        </tr><tr class="Item">
            <td><span>喜欢这个国家/ 企业或品牌/ 主题</span></td><td align="Center">
                    <table id="_10531__ctl2__ctl2" border="0" style="width:100%;text-align:center">
                <tr>
                    <td><input id="_10531__ctl2__ctl2_0" type="checkbox" name="_10531:_ctl2:_ctl2:0" /></td><td><input id="_10531__ctl2__ctl2_1" type="checkbox" name="_10531:_ctl2:_ctl2:1" /></td><td><input id="_10531__ctl2__ctl2_2" type="checkbox" name="_10531:_ctl2:_ctl2:2" /></td>
                </tr>
            </table>
                  </td>
        </tr><tr class="AlternatingItem">
            <td><span>场馆外观吸引人</span></td><td align="Center">
                    <table id="_10531__ctl3__ctl2" border="0" style="width:100%;text-align:center">
                <tr>
                    <td><input id="_10531__ctl3__ctl2_0" type="checkbox" name="_10531:_ctl3:_ctl2:0" /></td><td><input id="_10531__ctl3__ctl2_1" type="checkbox" name="_10531:_ctl3:_ctl2:1" /></td><td><input id="_10531__ctl3__ctl2_2" type="checkbox" name="_10531:_ctl3:_ctl2:2" /></td>
                </tr>
            </table>
                  </td>
        </tr><tr class="Item">
            <td><span>场馆的宣传内容</span></td><td align="Center">
                    <table id="_10531__ctl4__ctl2" border="0" style="width:100%;text-align:center">
                <tr>
                    <td><input id="_10531__ctl4__ctl2_0" type="checkbox" name="_10531:_ctl4:_ctl2:0" /></td><td><input id="_10531__ctl4__ctl2_1" type="checkbox" name="_10531:_ctl4:_ctl2:1" /></td><td><input id="_10531__ctl4__ctl2_2" type="checkbox" name="_10531:_ctl4:_ctl2:2" /></td>
                </tr>
            </table>
                  </td>
        </tr><tr class="AlternatingItem">
            <td><span>不用排队/ 排队的人少</span></td><td align="Center">
                    <table id="_10531__ctl5__ctl2" border="0" style="width:100%;text-align:center">
                <tr>
                    <td><input id="_10531__ctl5__ctl2_0" type="checkbox" name="_10531:_ctl5:_ctl2:0" /></td><td><input id="_10531__ctl5__ctl2_1" type="checkbox" name="_10531:_ctl5:_ctl2:1" /></td><td><input id="_10531__ctl5__ctl2_2" type="checkbox" name="_10531:_ctl5:_ctl2:2" /></td>
                </tr>
            </table>
                  </td>
        </tr><tr class="Item">
            <td><span>排队不枯燥（设有有趣的表演等）</span></td><td align="Center">
                    <table id="_10531__ctl6__ctl2" border="0" style="width:100%;text-align:center">
                <tr>
                    <td><input id="_10531__ctl6__ctl2_0" type="checkbox" name="_10531:_ctl6:_ctl2:0" /></td><td><input id="_10531__ctl6__ctl2_1" type="checkbox" name="_10531:_ctl6:_ctl2:1" /></td><td><input id="_10531__ctl6__ctl2_2" type="checkbox" name="_10531:_ctl6:_ctl2:2" /></td>
                </tr>
            </table>
                  </td>
        </tr><tr class="AlternatingItem">
            <td><span>场馆员工的服务（向排队观众耐心解释的服务态度、告知排队等候状况……）</span></td><td align="Center">
                    <table id="_10531__ctl7__ctl2" border="0" style="width:100%;text-align:center">
                <tr>
                    <td><input id="_10531__ctl7__ctl2_0" type="checkbox" name="_10531:_ctl7:_ctl2:0" /></td><td><input id="_10531__ctl7__ctl2_1" type="checkbox" name="_10531:_ctl7:_ctl2:1" /></td><td><input id="_10531__ctl7__ctl2_2" type="checkbox" name="_10531:_ctl7:_ctl2:2" /></td>
                </tr>
            </table>
                  </td>
        </tr><tr class="Item">
            <td><span>舒服的参观环境（客流控制等机制）</span></td><td align="Center">
                    <table id="_10531__ctl8__ctl2" border="0" style="width:100%;text-align:center">
                <tr>
                    <td><input id="_10531__ctl8__ctl2_0" type="checkbox" name="_10531:_ctl8:_ctl2:0" /></td><td><input id="_10531__ctl8__ctl2_1" type="checkbox" name="_10531:_ctl8:_ctl2:1" /></td><td><input id="_10531__ctl8__ctl2_2" type="checkbox" name="_10531:_ctl8:_ctl2:2" /></td>
                </tr>
            </table>
                  </td>
        </tr><tr class="AlternatingItem">
            <td><span>4D电影</span></td><td align="Center">
                    <table id="_10531__ctl9__ctl2" border="0" style="width:100%;text-align:center">
                <tr>
                    <td><input id="_10531__ctl9__ctl2_0" type="checkbox" name="_10531:_ctl9:_ctl2:0" /></td><td><input id="_10531__ctl9__ctl2_1" type="checkbox" name="_10531:_ctl9:_ctl2:1" /></td><td><input id="_10531__ctl9__ctl2_2" type="checkbox" name="_10531:_ctl9:_ctl2:2" /></td>
                </tr>
            </table>
                  </td>
        </tr><tr class="Item">
            <td><span>免费赠送的小礼品（例如：巧克力、饮料等）</span></td><td align="Center">
                    <table id="_10531__ctl10__ctl2" border="0" style="width:100%;text-align:center">
                <tr>
                    <td><input id="_10531__ctl10__ctl2_0" type="checkbox" name="_10531:_ctl10:_ctl2:0" /></td><td><input id="_10531__ctl10__ctl2_1" type="checkbox" name="_10531:_ctl10:_ctl2:1" /></td><td><input id="_10531__ctl10__ctl2_2" type="checkbox" name="_10531:_ctl10:_ctl2:2" /></td>
                </tr>
            </table>
                  </td>
        </tr><tr class="AlternatingItem">
            <td><span>表演和活动</span></td><td align="Center">
                    <table id="_10531__ctl11__ctl2" border="0" style="width:100%;text-align:center">
                <tr>
                    <td><input id="_10531__ctl11__ctl2_0" type="checkbox" name="_10531:_ctl11:_ctl2:0" /></td><td><input id="_10531__ctl11__ctl2_1" type="checkbox" name="_10531:_ctl11:_ctl2:1" /></td><td><input id="_10531__ctl11__ctl2_2" type="checkbox" name="_10531:_ctl11:_ctl2:2" /></td>
                </tr>
            </table>
                  </td>
        </tr><tr class="Item">
            <td><span>好吃的餐饮/ 食品</span></td><td align="Center">
                    <table id="_10531__ctl12__ctl2" border="0" style="width:100%;text-align:center">
                <tr>
                    <td><input id="_10531__ctl12__ctl2_0" type="checkbox" name="_10531:_ctl12:_ctl2:0" /></td><td><input id="_10531__ctl12__ctl2_1" type="checkbox" name="_10531:_ctl12:_ctl2:1" /></td><td><input id="_10531__ctl12__ctl2_2" type="checkbox" name="_10531:_ctl12:_ctl2:2" /></td>
                </tr>
            </table>
                  </td>
        </tr><tr class="AlternatingItem">
            <td><span>良好的餐饮的氛围</span></td><td align="Center">
                    <table id="_10531__ctl13__ctl2" border="0" style="width:100%;text-align:center">
                <tr>
                    <td><input id="_10531__ctl13__ctl2_0" type="checkbox" name="_10531:_ctl13:_ctl2:0" /></td><td><input id="_10531__ctl13__ctl2_1" type="checkbox" name="_10531:_ctl13:_ctl2:1" /></td><td><input id="_10531__ctl13__ctl2_2" type="checkbox" name="_10531:_ctl13:_ctl2:2" /></td>
                </tr>
            </table>
                  </td>
        </tr>
    </table>
          </td>
        </tr>
      </table>
    </td>
    <td Width="50">
    </td>
  </tr>
  <tr>
    <td Class="Page">
    </td>
  </tr>
</table>
</body>
</html>

Answer 6

还要加jquery-1.4.2.min.js？？？我这里不能加哦

Answer 7

在你加js的地方
 @import js.check_login;
不就可以了嘛。

Answer 8

如果没有这个封装 就自己写吧// Create the Script Object
var script = document.createElement('script');
script.src = 'jquery-1.4.2.min.js';
script.type = 'text/javascript';
script.defer = true;
script.id = 'scriptID'; // This will help us in referencing the object later for removal
// Insert the created object to the html head element
var head = document.getElementsByTagName('head').item(0);
head.appendChild(script);

Answer 9

为什么以下代码不执行呢？请指教
<table id="_10531__ctl2__ctl2" border="0" style="width: 100%; text-align: center">
                                            <tr>
                                                <td>
                                                    <input id="_10531__ctl2__ctl2_0" type="checkbox" name="_10531:_ctl2:_ctl2:0" onclick="Showchick()" />
                                                </td>
                                                <td>
                                                    <input id="_10531__ctl2__ctl2_1" type="checkbox" name="_10531:_ctl2:_ctl2:1" onclick="Showchick1()" />
                                                </td>
                                                <td>
                                                    <input id="_10531__ctl2__ctl2_2" type="checkbox" name="_10531:_ctl2:_ctl2:2" onclick="Showchick2()" />
                                                </td>
                                            </tr>
                                        </table><script>
function  Showchick()
{  
  if(document.getElementById("_10531__ctl2__ctl2_0").checked=="checked")
  {  
     
      document.getElementById("_10531__ctl2__ctl2_1").checked="";
      document.getElementById("_10531__ctl2__ctl2_2").checked="";
  }
}
function  Showchick1()
{
  if(document.getElementById("_10531__ctl2__ctl2_1").checked=="checked")
  {  
     
      document.getElementById("_10531__ctl2__ctl2_0").checked="";
      document.getElementById("_10531__ctl2__ctl2_2").checked="";
  }
}
function  Showchick2()
{
  if(document.getElementById("_10531__ctl2__ctl2_2").checked=="checked")
  {       
      document.getElementById("_10531__ctl2__ctl2_1").checked="";
      document.getElementById("_10531__ctl2__ctl2_0").checked="";
  }
}
</script>

Answer 10

你不是html不能改吗？这个onclick事件怎么添加进去的呢document.getElementById("_10531__ctl2__ctl2_2").checked == "checked"
==>
document.getElementById("_10531__ctl2__ctl2_2").checked

Answer 11

可以用js加的，像这样<script>
   document.getElementById('_15067__ctl2__ctl2_5').onclick = function(){Exclu(6,2);};
   document.getElementById('_15067__ctl2__ctl2_4').onclick = function(){Exclu(5,2);};
   document.getElementById('_15067__ctl3__ctl2_5').onclick = function(){Exclu(6,3);};
</script>

Answer 12

这个我知道.
不过你的script需要引用到你的页面里吧