我创建了一个动态表。 在每一行中，我添加了两个复选框， buy和sell ，每个都有一个.checkboxClass类。 我希望用户能够选择buy或sell ，但不能两者兼而有之。
到目前为止，这是我的代码：
$('input.checkboxClass').on('click', function() { $('input.checkboxClass').not(this).prop('checked', false); });
这仅适用于一行。 随着更多行的添加，它会失败。 这是因为checkboxClass在整个表中都会重复，这意味着脚本只允许您一次选择一个复选框。
到目前为止，我无法相信没有人提出这个建议。 您的问题是对HTML的一般误解。 这不是复选框的用途。 你应该使用单选按钮：
由于你没有显示你的HTML，我想你有类似的东西：
Product 1 Buy Sell Product 2 Buy Sell Product 3 Buy Sell
JavaScript代码：
$('input.checkboxClass').on('click', function() { $(this).parent().parent().find('.checkboxClass').prop('checked', false); $(this).prop('checked', true) });
DEMO
注意1：您可以根据HTML结构调整JavaScript代码
注2：我宁愿在这个用例中使用无线电，而不是复选框
以上就是jQuery教程分享如何从动态表中选择一个或其他或没有复选框？相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址：https://www.ctvol.com/jquerytutorial/568313.html