Javascript 如果选中了以下复选框,请选中“继续”复选框
如果选中复选框D并取消选中其他复选框,我希望选中复选框K和F。同样,如果选中复选框I,则前面的复选框I将被选中,下面的复选框将被取消选中。 我的html代码是:Javascript 如果选中了以下复选框,请选中“继续”复选框,javascript,php,jquery,html,checkbox,Javascript,Php,Jquery,Html,Checkbox,如果选中复选框D并取消选中其他复选框,我希望选中复选框K和F。同样,如果选中复选框I,则前面的复选框I将被选中,下面的复选框将被取消选中。 我的html代码是: <td><input type="checkbox" class= "knitting" name="knitting[]" value="1">K</td> <td><input type="checkbox" class= "fmending" name="fmending[]"
<td><input type="checkbox" class= "knitting" name="knitting[]" value="1">K</td>
<td><input type="checkbox" class= "fmending" name="fmending[]" value="1">F</td>
<td><input type="checkbox" class= "dyeing" name="dyeing[]" value="1">D</td>
<td><input type="checkbox" class = "firon" name="firon[]" value="1">Y</td>
<td><input type="checkbox" class= "linking" name="linking[]" value="1">L</td>
<td><input type="checkbox" class="smending" name="smending[]" value="1">S</td>
<td><input type="checkbox" class="siron" name="siron[]" value="1">I</td>
<td><input type="checkbox" class="packing" name="packing[]" value="1">P</td>
<td><input type="checkbox" class="data" name="data[]" value="1">D</td>
<td><input type="checkbox" class="chalan" name="chalan[]" value="1">C</td>
这看起来很混乱,有没有另一个很酷的过程??你可以这样做
$("input[type='checkbox']").click(function() {
if (this.checked)
$("td:lt(" + $(this).closest("td").index() + ") input[type='checkbox']").prop("checked", this.checked);
});
您可以使用和选择器:
$(":checkbox").on('change',function () {
var idx=$(this).index();
$(":checkbox:lt("+idx+")").prop('checked',true);
$(":checkbox:gt("+idx+")").prop('checked',false);
});
检查下面的代码段
var idx=0;
var chk=$('table tr:checkbox');
$(“表tr:checkbox”)。在('change',function()上{
var指数=chk指数($(本));
if(idx
K
F
D
Y
L
s
我
P
D
C
**编辑:此解决方案适用于不希望仅选中/取消选中连续复选框,但可以根据单击的复选框选中/取消选中任何复选框的情况
是的,您可以在复选框中添加多个类,例如dyeingfalse、KnitingTrue等。另外,为每个复选框指定一个数据属性,例如data name=“染色”
现在,
但如果再次取消选中“我”复选框,则以下内容不是未选中的A只是查找但不起作用例如,请选中复选框C并取消选中Y我需要在YNO之后取消选中所有复选框,但其向下给出的答案是令人振奋的,顺便说一句,谢谢BuddyHi,我可以在表中如何实现?@Xravn您的表看起来如何?您可以使用$('table tr:checkbox')
选择器,而不是$(':checkbox')
。另外,我不知道当某些复选框被取消选中时您希望的行为,因此我对此做了一些调整,请检查此链接:
$(":checkbox").on('change',function () {
var idx=$(this).index();
$(":checkbox:lt("+idx+")").prop('checked',true);
$(":checkbox:gt("+idx+")").prop('checked',false);
});
$("input[type=checkbox]").on("click", function(){
if( $(this).is(":checked") )
{
var name = $(this).attr("data-name");
$("input."+name+"false").prop("checked", false);
$("input."+name+"true").prop("checked", true);
}//if
});//click handler