jquery选择checkbox的问题,急 啊

Question

    $(function(){
       $("input[@type='checkbox']").click( 
           function(){
　　　　　　　　　var o=$(this).parents('tr')
                if(o.checkct){
                    if(o.checkct<2)
                       o.checkct++
                    else
                       alert("选项不能超过两个")
                }else
                    o.checkct=1
            } 
          ) 
     }) 
试一下，就是给当前的tr加一个计数器，然后如果这个数字没有超过２个则增加否则提示不能超过．

Answer 1

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 
  $(".personalitySelectCar").find("input:checkbox").click(function(){
     var len = $(this).parents("tr").find("input:checkbox");
 var num  =  0 ;
// alert(len.filter(function(){ return len.attr("checked")==true}).length > 2);
 
     if(len.filter(function(){ return len.attr("checked")==true}).length > 2)
 {
 alert("超过2个了");
 }
   }) 
})</script>
<table width="100%" border="0" cellpadding="5" cellspacing="2" bgcolor="#FFFFFF" 
                    class="personalitySelectCar" style="font-size: 12px"> 
                     <tr bgcolor="#f0f3f7"> 
                         <th> 
                            价格: 
                         </th> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                                 <input name="SCPrice" type="checkbox" value="0" />5万以下 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                                 <input name="SCPrice" type="checkbox" value="1" />5-10万 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCPrice" type="checkbox" value="2" />10-20万 
                         </td> 
                     </tr> 
                     <tr bgcolor="#d9e1eb"> 
                         <th> 
                            类型: 
                         </th> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCVType" type="checkbox" value="0" />微型车 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCVType" type="checkbox" value="1" />中型车 
                         </td>            
                     </tr> 
                     <tr bgcolor="#f0f3f7"> 
                         <th> 
                            排量: 
                         </th> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCDisplacement" type="checkbox" value="0" />1.0L以下 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCDisplacement" type="checkbox" value="1" />1.0L-1.6L 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCDisplacement" type="checkbox" value="2" />1.6L-2.0L 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCDisplacement" type="checkbox" value="3" />2.0L-3.0L 
                         </td> 
                     </tr> 
                     <tr bgcolor="#d9e1eb"> 
                         <th> 
                            变速箱: 
                         </th> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCTrans" type="checkbox" value="0" />手动 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCTrans" type="checkbox" value="1" />自动 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCTrans" type="checkbox" value="2" />手自一体 
                         </td> 
                     </tr> 
                     <tr bgcolor="#f0f3f7"> 
                         <th> 
                            厢体: 
                         </th> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCCartType" type="checkbox" value="0" />两厢 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCCartType" type="checkbox" value="1" />三厢 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCCartType" type="checkbox" value="2" />单厢 
                         </td> 
                     </tr> 
                     <tr bgcolor="#d9e1eb"> 
                         <th> 
                            产地: 
                         </th> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCNational" type="checkbox" value="0" />国产 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCNational" type="checkbox" value="1" />进口 
                         </td> 
                     </tr> 
                     <tr bgcolor="#f0f3f7"> 
                         <th> 
                            配置: 
                         </th> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCStandard" type="checkbox" value="0" />中控锁 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCStandard" type="checkbox" value="1" />电动座椅 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCStandard" type="checkbox" value="2" />电动车窗 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCStandard" type="checkbox" value="3" />天窗 
                         </td> 
                     </tr> 
                     <tr bgcolor="#f0f3f7"> 
                         <th> 
                         </th> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCStandard" type="checkbox" value="5" />真皮座椅 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCStandard" type="checkbox" value="6" />CD机 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCStandard" type="checkbox" value="7" />ABS 
                         </td> 
                         <td align="left" style="padding: 10px 0 10px 7px"> 
                             
                                 <input name="SCStandard" type="checkbox" value="8" />倒车雷达 
                         </td> 
                     </tr> 
                 </table>

Answer 2

<script src=Resources\js\jquery-1.2.1.js></script> 
<script>
var check = function(){
$("table tr").each(function(i){
if($(this).find("input[@checked]").length > 2)
{
alert("第"+ (i+1) +"行的选择不能超过两个");
return false;
}
});
};
</script>
<table width="100%" border="0" cellpadding="5" cellspacing="2" bgcolor="#FFFFFF" 
                    class="personalitySelectCar" style="font-size: 12px"> 
 <tr bgcolor="#f0f3f7"> 
 <th> 
价格: 
 </th> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 <input name="SCPrice" type="checkbox" value="0" />5万以下 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 <input name="SCPrice" type="checkbox" value="1" />5-10万 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCPrice" type="checkbox" value="2" />10-20万 
 </td> 
 </tr> 
 <tr bgcolor="#d9e1eb"> 
 <th> 
类型: 
 </th> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCVType" type="checkbox" value="0" />微型车 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCVType" type="checkbox" value="1" />中型车 
 </td>            
 </tr> 
 <tr bgcolor="#f0f3f7"> 
 <th> 
排量: 
 </th> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCDisplacement" type="checkbox" value="0" />1.0L以下 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCDisplacement" type="checkbox" value="1" />1.0L-1.6L 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCDisplacement" type="checkbox" value="2" />1.6L-2.0L 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCDisplacement" type="checkbox" value="3" />2.0L-3.0L 
 </td> 
 </tr> 
 <tr bgcolor="#d9e1eb"> 
 <th> 
变速箱: 
 </th> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCTrans" type="checkbox" value="0" />手动 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCTrans" type="checkbox" value="1" />自动 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCTrans" type="checkbox" value="2" />手自一体 
 </td> 
 </tr> 
 <tr bgcolor="#f0f3f7"> 
 <th> 
厢体: 
 </th> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCCartType" type="checkbox" value="0" />两厢 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCCartType" type="checkbox" value="1" />三厢 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCCartType" type="checkbox" value="2" />单厢 
 </td> 
 </tr> 
 <tr bgcolor="#d9e1eb"> 
 <th> 
产地: 
 </th> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCNational" type="checkbox" value="0" />国产 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCNational" type="checkbox" value="1" />进口 
 </td> 
 </tr> 
 <tr bgcolor="#f0f3f7"> 
 <th> 
配置: 
 </th> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCStandard" type="checkbox" value="0" />中控锁 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCStandard" type="checkbox" value="1" />电动座椅 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCStandard" type="checkbox" value="2" />电动车窗 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCStandard" type="checkbox" value="3" />天窗 
 </td> 
 </tr> 
 <tr bgcolor="#f0f3f7"> 
 <th> 
 </th> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCStandard" type="checkbox" value="5" />真皮座椅 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCStandard" type="checkbox" value="6" />CD机 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCStandard" type="checkbox" value="7" />ABS 
 </td> 
 <td align="left" style="padding: 10px 0 10px 7px"> 
 
 <input name="SCStandard" type="checkbox" value="8" />倒车雷达 
 </td> 
 </tr> 
</table> 
<input type="button" value="验证" onclick="check()">

Answer 3

汗　，我测试过的　．怎么传附件　？？？？Jquery路径可对　？？

Answer 4

汗　，我测试过的　．怎么传附件　？？？？Jquery路径可对　？？

Answer 5

现在有个小bug,当选中超过两个后,虽然提示一个,但是checkbox还是选上了, $(function(){ 
                        $("input[@type='checkbox']").click( 
                                function()
{ 
$("table tr").each(function(i){
if($(this).find("input[@checked]").length > 2)
{
this.checked = false; alert("第"+ (i+1) +"行的选择不能超过两个");

return false;
}
});
                                } 
                        ) 
                }) 
红字试我加的,但也没用啊

Answer 6

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 
  $(".personalitySelectCar").find("input:checkbox").click(function(){
     var len = $(this).parents("tr").find("input:checkbox");
 var  num = 0 ;
// alert(len.filter(function(){ return len.attr("checked")==true}).length);
  for(var i = 0 ; i < len.length ; i ++)
  {
   if(len.get(i).checked == true )
   {
    num++;
   }
  }
 alert(num);
     if(num > 2)
 {
 alert("超过2个了");
 }
   }) 
})</script><table width="100%" border="0" cellpadding="5" cellspacing="2" bgcolor="#FFFFFF" 
                    class="personalitySelectCar" style="font-size: 12px">
  <tr bgcolor="#f0f3f7">
    <th> 价格: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCPrice" type="checkbox" value="0" />
      5万以下 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCPrice2" type="checkbox" value="1" />
      5-10万 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCPrice2" type="checkbox" value="2" />
      10-20万 </td>
    <td align="left" style="padding: 10px 0 10px 7px"></td>
  </tr>
  <tr bgcolor="#d9e1eb">
    <th> 类型: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCVType" type="checkbox" value="0" />
      微型车 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCVType" type="checkbox" value="1" />
      中型车 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCVType" type="checkbox" value="1" />
    </td>
    <td align="left" style="padding: 10px 0 10px 7px"></td>
  </tr>
  <tr bgcolor="#f0f3f7">
    <th> 排量: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCDisplacement" type="checkbox" value="0" />
      1.0L以下 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCDisplacement" type="checkbox" value="1" />
      1.0L-1.6L </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCDisplacement" type="checkbox" value="2" />
      1.6L-2.0L </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCDisplacement" type="checkbox" value="3" />
      2.0L-3.0L </td>
  </tr>
  <tr bgcolor="#d9e1eb">
    <th> 变速箱: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCTrans" type="checkbox" value="0" />
      手动 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCTrans" type="checkbox" value="1" />
      自动 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCTrans" type="checkbox" value="2" />
      手自一体 </td>
    <td align="left" style="padding: 10px 0 10px 7px"></td>
  </tr>
  <tr bgcolor="#f0f3f7">
    <th> 厢体: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCCartType" type="checkbox" value="0" />
      两厢 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCCartType" type="checkbox" value="1" />
      三厢 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCCartType" type="checkbox" value="2" />
      单厢 </td>
    <td align="left" style="padding: 10px 0 10px 7px"></td>
  </tr>
  <tr bgcolor="#d9e1eb">
    <th> 产地: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCNational" type="checkbox" value="0" />
      国产 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCNational" type="checkbox" value="1" />
      进口 </td>
    <td align="left" style="padding: 10px 0 10px 7px"></td>
    <td align="left" style="padding: 10px 0 10px 7px"></td>
  </tr>
  <tr bgcolor="#f0f3f7">
    <th> 配置: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="0" />
      中控锁 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="1" />
      电动座椅 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="2" />
      电动车窗 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="3" />
      天窗 </td>
  </tr>
  <tr bgcolor="#f0f3f7">
    <th>配置: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="5" />
      真皮座椅 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="6" />
      CD机 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="7" />
      ABS </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="8" />
      倒车雷达 </td>
  </tr>
</table>

Answer 7

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 
  $(".personalitySelectCar").find("input:checkbox").click(function(){
     var len = $(this).parents("tr").find("input:checkbox");
 var  num = 0 ;
// alert(len.filter(function(){ return len.attr("checked")==true}).length);
  for(var i = 0 ; i < len.length ; i ++)
  {
   if(len.get(i).checked == true )
   {
    num++;
   }
  }
 alert(num);
     if(num > 2)
 {
 alert("超过2个了");
 }
   }) 
})</script><table width="100%" border="0" cellpadding="5" cellspacing="2" bgcolor="#FFFFFF" 
                    class="personalitySelectCar" style="font-size: 12px">
  <tr bgcolor="#f0f3f7">
    <th> 价格: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCPrice" type="checkbox" value="0" />
      5万以下 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCPrice2" type="checkbox" value="1" />
      5-10万 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCPrice2" type="checkbox" value="2" />
      10-20万 </td>
    <td align="left" style="padding: 10px 0 10px 7px"></td>
  </tr>
  <tr bgcolor="#d9e1eb">
    <th> 类型: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCVType" type="checkbox" value="0" />
      微型车 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCVType" type="checkbox" value="1" />
      中型车 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCVType" type="checkbox" value="1" />
    </td>
    <td align="left" style="padding: 10px 0 10px 7px"></td>
  </tr>
  <tr bgcolor="#f0f3f7">
    <th> 排量: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCDisplacement" type="checkbox" value="0" />
      1.0L以下 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCDisplacement" type="checkbox" value="1" />
      1.0L-1.6L </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCDisplacement" type="checkbox" value="2" />
      1.6L-2.0L </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCDisplacement" type="checkbox" value="3" />
      2.0L-3.0L </td>
  </tr>
  <tr bgcolor="#d9e1eb">
    <th> 变速箱: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCTrans" type="checkbox" value="0" />
      手动 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCTrans" type="checkbox" value="1" />
      自动 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCTrans" type="checkbox" value="2" />
      手自一体 </td>
    <td align="left" style="padding: 10px 0 10px 7px"></td>
  </tr>
  <tr bgcolor="#f0f3f7">
    <th> 厢体: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCCartType" type="checkbox" value="0" />
      两厢 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCCartType" type="checkbox" value="1" />
      三厢 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCCartType" type="checkbox" value="2" />
      单厢 </td>
    <td align="left" style="padding: 10px 0 10px 7px"></td>
  </tr>
  <tr bgcolor="#d9e1eb">
    <th> 产地: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCNational" type="checkbox" value="0" />
      国产 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCNational" type="checkbox" value="1" />
      进口 </td>
    <td align="left" style="padding: 10px 0 10px 7px"></td>
    <td align="left" style="padding: 10px 0 10px 7px"></td>
  </tr>
  <tr bgcolor="#f0f3f7">
    <th> 配置: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="0" />
      中控锁 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="1" />
      电动座椅 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="2" />
      电动车窗 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="3" />
      天窗 </td>
  </tr>
  <tr bgcolor="#f0f3f7">
    <th>配置: </th>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="5" />
      真皮座椅 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="6" />
      CD机 </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="7" />
      ABS </td>
    <td align="left" style="padding: 10px 0 10px 7px"><input name="SCStandard" type="checkbox" value="8" />
      倒车雷达 </td>
  </tr>
</table>