Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.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 网页中的每列和每行仅允许一个选择';s单选按钮网格_Javascript_Jquery_Html_Forms_Radio Button - Fatal编程技术网

Javascript 网页中的每列和每行仅允许一个选择';s单选按钮网格

Javascript 网页中的每列和每行仅允许一个选择';s单选按钮网格,javascript,jquery,html,forms,radio-button,Javascript,Jquery,Html,Forms,Radio Button,我有一个由5x5个单选按钮组成的网格,每一行都是一个“组”(共享相同的名称) 我想这样做,当选择A3时,不能选择B3 C3 D3和E3,例如,如果选择B4,则不能选择B行或第4列中的其他按钮 我尝试过使用多个名称,但就我的测试而言,这不起作用。我试图用Jquery找到一个解决方案,但似乎没有任何效果。使用一点复杂的JavaScript是实现这一点的唯一方法吗?这是通过向每个单选按钮添加类来实现的,一个用于列,一个用于行。选中单选按钮后,只需禁用具有一个匹配类(即匹配行或列)的单选按钮 通过向

我有一个由5x5个单选按钮组成的网格,每一行都是一个“组”(共享相同的名称)

我想这样做,当选择A3时,不能选择B3 C3 D3和E3,例如,如果选择B4,则不能选择B行或第4列中的其他按钮


我尝试过使用多个名称,但就我的测试而言,这不起作用。我试图用Jquery找到一个解决方案,但似乎没有任何效果。使用一点复杂的JavaScript是实现这一点的唯一方法吗?

这是通过向每个单选按钮添加类来实现的,一个用于列,一个用于行。选中单选按钮后,只需禁用具有一个匹配类(即匹配行或列)的单选按钮


通过向每个单选按钮添加类,一个用于列,一个用于行,这是最容易做到的。选中单选按钮后,只需禁用具有一个匹配类(即匹配行或列)的单选按钮


如果行具有相同的名称,则会自动处理这些行。 禁用其他单选按钮可防止您改变主意。我会考虑消除相互矛盾的无线电按钮。

$(".radiobutton").on("change", function(ev) {
    var clicked = $(ev.target);
    $(".radiobutton[data-col=" + clicked.data("col") + "]").attr("checked", false);
    clicked.attr("checked", true);
});

如果行具有相同的名称,则会自动处理这些行。 禁用其他单选按钮可防止您改变主意。我会考虑消除相互矛盾的无线电按钮。

$(".radiobutton").on("change", function(ev) {
    var clicked = $(ev.target);
    $(".radiobutton[data-col=" + clicked.data("col") + "]").attr("checked", false);
    clicked.attr("checked", true);
});

展示一些您尝试过的代码,并制作一把小提琴…您能否分享您当前拥有的代码,以便我们可以使用它。。?a会是平的better@aldanux给你:你会注意到没有JS试图这样做,因为正如我在坐下来写文章之前的问题中所说的,我想确保我没有错过一个更简单的方法,我想,一个专栏的每个收音机都有相同的值,是吗?展示一些你已经尝试过的代码并制作一把小提琴…你能分享你目前拥有的代码以便我们可以玩它吗。。?a会是平的better@aldanux给你:你会注意到没有JS试图尝试这样做,因为正如我在坐下来写文章之前的问题中所说的,我想确保我没有错过一个更简单的方法,我想,一个专栏的每个广播都有相同的价值,是吗?完美。如果我可以为JSFiddle+2,我会注意到这样限制单选按钮会导致在不刷新页面的情况下无法还原选择。如果我可以为JSFiddle+2,我会注意到这样限制单选按钮会导致在不刷新页面的情况下无法还原选择。