仅选中一个复选框 [英] only select one checkbox

问题描述

我想构建一个JavaScript，以便用户只能在下面提到的选项中选择一个.由于我是javascript noob，您能否给我一些指示如何执行此操作.

I would like to build a javascript so a user can choose only one option between the the mentioned below. Could you give me some pointers how to do this since I am a javascript noob.

谢谢！

这是菜单部分的图片

<td><label for="dock_books_search_visible_online"> Visible online?</label></td>
                        <td><input type="checkbox" name="option" value="checkedVisibleOk" id="dock_books_visible_ok"  /> </td>
                        <td><label for="dock_books_search_visible_online_yes"> Yes</label></td>
                        <td><input type="checkbox" name="option" value="checkedVisibleNok" id="dock_books_visible_nok" /> </td>
                        <td><label for="dock_books_search_visible_online_no"> No</label></td>

推荐答案

对于从多个选项中进行的单个选择，我们使用单选按钮而不是 CheckBoxes .

For single selection from multiple options we use Radio Buttons not CheckBoxes.

您应该使用类似这样的东西.

You should use some thing like this.

<input type="radio" name="option" value="Yes" id="yes" /> 
<input type="radio" name="option" value="No" id="no" /> 

但是仍然，如果您想反过来，只需在您的head标签中添加以下脚本即可:

But still if you want to go the other way round, Just add the following script in your head tag:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(':checkbox').bind('change', function() {
        var thisClass = $(this).attr('class');
        if ($(this).attr('checked')) {
            $(':checkbox.' + thisClass + ":not(#" + this.id + ")").removeAttr('checked');
        }
        else {
            $(this).attr('checked', 'checked');
        }
    });
});
</script>

这是上面的小提琴.

希望这会有所帮助.

这篇关于仅选中一个复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！