Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery自动选择下一个X复选框_Javascript_Jquery_Html_Checkbox - Fatal编程技术网

Javascript Jquery自动选择下一个X复选框

Javascript Jquery自动选择下一个X复选框,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,我正在为一家剧院开发一个网站,在那里顾客可以订票。 选择椅子的工作原理如下: 你可以在下拉菜单中选择你想要多少把椅子,我们称之为X。 勾选您希望最多放置X的复选框。 选中所有X复选框后,其他复选框将变为灰色,不可勾选。 当然也有一些椅子已经被预订了。这些根本没有复选框。复选框的值与椅子的唯一ID相同 这可以正常工作,但如果客户选择了4,我希望系统自动勾选下一个复选框next 3 我已将代码更新为: var _X = $('#PlaatsenDropdown').val() - 1;

我正在为一家剧院开发一个网站,在那里顾客可以订票。 选择椅子的工作原理如下:

你可以在下拉菜单中选择你想要多少把椅子,我们称之为X。 勾选您希望最多放置X的复选框。 选中所有X复选框后,其他复选框将变为灰色,不可勾选。 当然也有一些椅子已经被预订了。这些根本没有复选框。复选框的值与椅子的唯一ID相同

这可以正常工作,但如果客户选择了4,我希望系统自动勾选下一个复选框next 3

我已将代码更新为:

    var _X = $('#PlaatsenDropdown').val() - 1;
    var _id = $(this).id;
    var _counter = _id + _X;

    for(var i = _id; i <= _counter; i++) {
        if($(this).nextAll().is('disabled')) {
            alert('No seats available');
        } else {
            alert('Chairs available');
        }
    }
id也是椅子的编号,所以我只需要取下它并用它进行一些计算,以便在for循环中使用。
然而,这并没有让我看到任何东西。我认为计算可能有问题,但我不知道是什么:S.

您可以创建一个ID字符串数组,类似于您已经完成的操作。然后使用“disabled”测试在阵列中循环

伪代码:

val = selected_chair_ID
for (i=0; i < desired_number_chairs; i++) {  
    search_right.push('#' + val + i);
    search_left.push(('#' + val - i);
}
found = true;
for (j = 0; j < search_right.length; j++) {  //  Check chairs to the right
    $(search_right[j]).....// Disabled check
    if (disabled...) {
        found=false;
    }
if (!found) {
    check chairs to the left 
}
if (!found) // out of luck

@deed02392我查看了JQuery文档,但似乎找不到如何将其用于多个元素。我可以只使用.nextX吗?我以为你可以,但没有。看看你的代码,我认为错误在于你在数组中执行.is,它总是返回false。看看这个:@deed02392当我单击链接时,它会问我是否要加入协作会话。不管我点击什么,所有的东西都是空的:S。我认为很多代码都可以通过使用jquery.nextAll函数来替换。你能检查一下我的更新代码吗?在原始问题中。我想现在就要完成了,但它总是返回else。很抱歉,我根本不懂这个代码。看起来有一半不见了,你要再检查一下是否找到了。“一半不见了”-是的,你是对的。这就是为什么我继续使用“伪代码:”。我只是想给他一个如何搜索的例子,先是右搜索,然后是左搜索,如果两人都没找到,那就是运气。致用户1433479-我将查看下一个安装。我还没用过。