Question

这是我的代码：

HTML：

<label><input type="radio" name="radio"> Checkbox 1</label>
<label><input type="radio" name="radio"> Checkbox 2</label>

JavaScript的：

$(document).ready(function(){
    $(":radio").behaveLikeCheckbox();
});

JSFiddle

我从here获得了代码。我的问题是我无法使其发挥作用。

有人可以帮忙吗？

Answer 1

您必须包含jQuery和behaveLikeCheckbox插件才能使其正常工作。这是一个更新的小提琴：http://jsfiddle.net/mq8Zq/174/

所以在HTML文档中：

<label><input type="radio" name="radio"> Checkbox 1</label>
<label><input type="radio" name="radio"> Checkbox 2</label>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="relative/path/to/plugin/or/cdn"></script>
<script>
  $(document).ready(function(){
     $(":radio").behaveLikeCheckbox();
  });
</script>

Answer 2

遗憾的是，该示例页面没有解释任何内容......

查看页面的源代码，似乎你必须包含jquery和行为的扩展

 <script type="text/javascript" src="jquery.js"></script>
 <script type="text/javascript" src="jquery.radio.checkbox.behavior.js"></script>

Answer 3

你需要包含一些JS文件：JQuery，以及复选框的插件。像这样：

<!doctype html>
<html>
    <head>
        <script type="text/javascript" src="http://codeorigin.jquery.com/jquery-2.0.3.min.js"></script>
        <script type="text/javascript" src="http://www.digitss.com/jquery/jquery.radio.checkbox.behavior.js"></script>
    </head>
    <body>
        <label><input type="radio" name="radio"> Checkbox 1</label>
        <label><input type="radio" name="radio"> Checkbox 2</label>

        <script>
            $(document).ready(function(){
                $(":radio").behaveLikeCheckbox();
            });
        </script>
    </body>
</html>

Answer 4

您唯一需要做的就是为您的无线电设备添加不同的“名称”。当您为它们添加相同的名称时，只有一个被“选中”。

Answer 5

Make type =“checkbox”并命名为Same

单选按钮就像复选框一样

5 个答案: