如何制作2路/ 2维单选按钮互斥锁（排他性）-Java 学习之路

我正在寻找一种制作单选按钮网格的方法，其中“互斥”功能可以在两个方向上工作 . 我们的想法是只允许选择特定行中的所有按钮 - 但也只允许选择特定列中的所有按钮 .

我实际上回答了我自己的问题，但我想我会在这里发布，因为我没有找到问题本身，而且看起来它通常很有用 .

1 回答

这是一个展示我解决方案的fiddle .

它的基本要点是在一个方向上使用普通的单键技术，例如，水平，并使用安排选择器匹配另一个方向的整个列 - 我使用了一个CSS类 .

然后，在单击时，取消选中整列，然后再选中 this .

HTML：

<input class=one type=radio name=foo value=1/>
<input class=two type=radio name=foo value=2/>
<input class=three type=radio name=foo value=3/>


<input class=one type=radio name=bar value=1/>
<input class=two type=radio name=bar value=2/>
<input class=three type=radio name=bar value=3/>


<input class=one type=radio name=car value=1/>
<input class=two type=radio name=car value=2/>
<input class=three type=radio name=car value=3/>

jQuery的：

$('input').on 'click', ->
    ele=$(this)
    myClass=ele.attr('class')
    $('input.'+myClass).attr('checked',false)
    ele.attr('checked',true)

回复于 2024-05-04T11:07:56+08:00

如何制作2路/ 2维单选按钮互斥锁（排他性）

1 回答

相关问题