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个则增加否则提示不能超过.
[解决办法]
<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路径可对 ??