日期:2014-05-16  浏览次数:20466 次

一个关于checkbox选择的问题
有一个页面有以下数据

编号       数据一       数据二    数据三      操作
000            AAAA         AAAA       AAAA       口
111            BBBB       BBBB     BBBB       口 
000            AAAA         AAAA       AAAA       口
111            BBBB       BBBB     BBBB       口  

操作下面是checkbox,现在就是选中checkbox的时候加判断,如果第一次选中的是编号000的那后面再选择只能选中000的如果选中了111的那跳出警告不能允许选择编号不一样的数据
请帮忙写一个判断代码
谢谢

------解决方案--------------------

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">

</script>
</head>
<body>
<table>
  <tr>
    <th>编号</th><th>数据一</th><th>数据二</th><th>数据三</th><th>操作</th>
  </tr>
  <tr class="chk">
    <td>000</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td><input type="checkbox" name="checkbox" onclick="chk(this);" /></td>
  </tr>
  <tr class="chk">
    <td>111</td><td>BBBB</td><td>BBBB</td><td>BBBB</td><td><input type="checkbox" name="checkbox" onclick="chk(this);" /></td>
  </tr>
  <tr class="chk">
    <td>000</td><td>AAAA</td><td>AAAA</td><td>AAAA</td><td><input type="checkbox" name="checkbox" onclick="chk(this);" /></td>
  </tr>
  <tr class="chk">
    <td>111</td><td>BBBB</td><td>BBBB</td><td>BBBB</td><td><input type="checkbox" name="checkbox" onclick="chk(this);" /></td>
  </tr>
</table>
<script type="text/javascript">
  var shoose;//第一次选择的是什么
  function chk(obj){
    var val = $(obj).closest('tr').children(':first').html();
    if(null != shoose){
      if(val != shoose){
        alert('您选择的值不一致!');
        $(obj).prop('checked',false);
      }
    }else{
      shoose = val;
    }
  }
</script>
</body>

</html>


------解决方案--------------------