控制一组多选框实现单选

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了控制一组多选框实现单选相关的知识,希望对你有一定的参考价值。

 

<!--Jquery代码-->

$(‘:checkbox‘).click(function() {
            var $this = $(this);
            if ($this.parent().hasClass(‘radio‘)) {
            var checkboxs = $this.parent().children(‘:checkbox‘);
            checkboxs.each(function(i) {
              if (i != checkboxs.index($this)) {
                     $(this).removeAttr(‘checked‘);
              }
         });
}

});

<asp:CheckBoxList runat="server" ID="chl_EquipMode" RepeatDirection="Horizontal" AutoPostBack="false" CssClass="radio">
    <asp:ListItem Value="备案">备案</asp:ListItem>
    <asp:ListItem Value="出口前">出口前</asp:ListItem>
    <asp:ListItem Value="报核前 ">报核前 </asp:ListItem>
</asp:CheckBoxList>

以上是关于控制一组多选框实现单选的主要内容,如果未能解决你的问题,请参考以下文章

jQuery操作下拉列表以及单选多选框

form的编辑与展示的切换(输入框,单选多选框,上传图片,颜色选择器)适用个人信息的展示与修改

form的编辑与展示的切换(输入框,单选多选框,上传图片,颜色选择器)适用个人信息的展示与修改

js实现元素的多选,或单选功能

Qt QCheckBox QRadioButton

vue antd a-table配置表格单选多选