关于jquery 选择器的动态参数。

刚玩jquery 不久

    遇到项目里的checkbox功能需要-分组全选/反选/全不选的问题，需要对$()传递动态参数。一开始不怎么怎么弄。自己试了

$("#t"+$(this).val()).attr("checked",$(this).attr("checked"));，

 

结果只能选择第一项。无果，百度一下。无答案、

 

几分钟，发现，自己犯傻了。#只能取得 document唯一的id，也就是说结果只能有一个。遍历dom,找到第一个就直接返回。。。。。。。。。。。

换成

$("[id='t"+$(this).val()+"']").attr("checked",$(this).attr("checked"));

 这样就OK，

 

不过，这 样子，ID貌似泛滥了。。。

改成用name？好像也不行。name是用来给服务器传值的。

 

算了，自己定义个属性得。解决了

 

测试代码如下：

html

<input type="checkbox" name="all" class="all"/>全/不选<input type="checkbox" name="resever" class="resever"/><br/><input type="checkbox" value="1" class="group"/><input type="checkbox" id="t1" value="54" name="selecter" title="测试" defName="t1"/><input type="checkbox" id="t1" value="59" name="selecter" title="测试" defName="t1"/><input type="checkbox" id="t1" value="55" name="selecter" title="测试" defName="t1"/><input type="checkbox" id="t1" value="117" name="selecter" title="测试" defName="t1"/><br/><input type="checkbox" value="2" class="group"/><input type="checkbox" id="t2" value="54" name="selecter" title="测试" defName="t2"/><input type="checkbox" id="t2" value="59" name="selecter" title="测试" defName="t2"/><input type="checkbox" id="t2" value="55"name="selecter" title="测试" defName="t2"/><input type="checkbox" id="t2" value="117" name="selecter" title="测试" defName="t2"/><br/><input type="checkbox" value="3" class="group"/><input type="checkbox" id="t3" value="54" name="selecter" title="测试" defName="t3"/><input type="checkbox" id="t3" value="59" name="selecter" title="测试" defName="t3"/><input type="checkbox" id="t3" value="55" name="selecter" title="测试" defName="t3"/><input type="checkbox" id="t3" value="117" name="selecter" title="测试" defName="t3"/><button class="ok">OK</button></body>

 

javascript:

$("input.all").click(function() {$("input[type='checkbox']").attr("checked",$(this).attr("checked")==true?"checked":"");});$("input.resever").click(function() {$("input[type='checkbox']").each(function(){if ($(this).attr("checked")) {$(this).attr("checked","");} else {$(this).attr("checked","checked");}});});$("input.group").click(function() {$("[defName='t"+$(this).val()+"']").attr("checked",$(this).attr("checked"));});$("button.ok").click(function() {var resultId="";var resultName="";$("input[name='selecter']").each(function(){if ($(this).attr("checked")) {resultId += ","+$(this).attr("value");resultName += ","+$(this).attr("title");}});alert(resultId.substring(1));alert(resultName.substring(1));});

 

 

$()参数就是个字符串嘛，也没啥的，想怎么拼就怎么拼。