读书人

jquery选择checkbox的有关问题,

发布时间: 2012-03-17 19:06:27 作者: rapoo

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路径可对 ??

读书人网 >JavaScript

热点推荐