Fatal编程技术网
  • javascript/
  • Javascript 单击其他复选框时禁用复选框

Javascript 单击其他复选框时禁用复选框

javascript jquery

Javascript 单击其他复选框时禁用复选框,javascript,jquery,Javascript,Jquery,我一直在尝试更改此复选框的逻辑，该复选框位于手风琴中，我希望该复选框在单击一个复选框时禁用其他支票簿 下面是我的代码 $（函数（）{ $（'：复选框'）。单击（函数（）{ //取消选中除此之外的任何其他复选框 $（'：checkbox'）.not（$（this））.prop（'checked'，false）； }); }) var acc=document.getElementsByClassName（“accordion”）； var i； 对于（i=0；i

我一直在尝试更改此复选框的逻辑，该复选框位于手风琴中，我希望该复选框在单击一个复选框时禁用其他支票簿

下面是我的代码

$（函数（）{
$（'：复选框'）。单击（函数（）{
//取消选中除此之外的任何其他复选框
$（'：checkbox'）.not（$（this））.prop（'checked'，false）；
});
})
var acc=document.getElementsByClassName（“accordion”）；
var i；
对于（i=0；i

媒体
新闻

官方声明

讲话

新闻稿

公报

新闻发布会

采访

成功故事

社交媒体

新闻接触
首先，为同一组、同一类别的所有
复选框指定。然后使用以下JQuery代码将
复选框模拟为
单选按钮
。请参见下面的代码片段：



$（'input:checkbox'）。打开（'change'，函数（）{
var$elm=$（此），
group='输入：复选框[class=“”+$elm.attr（'class'）+'”]；
$（组）.not（此）.prop（'checked'，false）；
});

ul{
显示：网格；
网格模板列：重复（自动拟合，最小值（140px，1fr））
}
p{
保证金：0
}




    

  • 
第一组：
    
新闻
    
官方声明
    
讲话
    
新闻稿
    
公报
    

    • 

  • 
第2组：
    
新闻发布会
    
采访
    
成功故事
    
社交媒体
    
新闻接触
    

    • 

您的代码正确地取消选中所有其他复选框，确保只有一个保持选中状态。是否要在单击某个框时禁用所有其他框的可单击性？这有点违反用户的直觉。是的，正是我想要的。我希望在单击复选框后，rest复选框不可单击。您最好使用
收音机
；如果您只希望选择一个（且只有一个）项目列表。即使是
选择
也足够了。