首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery选择checkbox的有关问题,

2012-03-17 
jquery选择checkbox的问题,急 啊table width100% border0 cellpadding5 cellspacing2 bgcolo

jquery选择checkbox的问题,急 啊
<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>

请问各位,我有一个table,每个tr里面套了很多checkbox,想在单击每个checkbox的时候,每个tr里面被选中的不能超过两个,用jquey弄晕了啊
我现在是这么写的
  $(function(){
  $("input[@type='checkbox']").click(
  function(){
  $(this).parents('tr')
  }
  )
  })
再往下就不知道怎么找了啊, $(this).parents('tr')这句话已经找到了当前的tr,jquery里面有没有什么in的语句,可以in $(this).parents('tr')这个东西啊

谢谢各位啦

[解决办法]
$(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加一个计数器,然后如果这个数字没有超过2个则增加否则提示不能超过.
[解决办法]

HTML code
<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()"> 


[解决办法]
汗 ,我测试过的 .怎么传附件 ????

Jquery路径可对 ??

热点排行