0

这是我的代码：

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();
});

JSF中。

我从这里得到了代码。我的问题是我不能让它工作。

有人可以帮忙吗？

4

5 回答 5

0

您唯一需要做的就是为您的收音机设置一个不同的“名称”。当您为它们加上相同的名称时，只有一个被“选中”。

于 2014-01-02T00:50:35.760 回答
0

您需要包含一些 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>
于 2013-08-06T13:17:49.553 回答
0

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

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

 <script type="text/javascript" src="jquery.js"></script>
 <script type="text/javascript" src="jquery.radio.checkbox.behavior.js"></script>
于 2013-08-06T13:14:29.733 回答
0

您必须包含 jQuery 和behaviourLikeCheckbox 插件才能使这项工作。这是一个更新的小提琴：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>
于 2013-08-06T13:12:55.100 回答
-1

使 type="checkbox" 和 name 相同

于 2014-01-04T13:08:59.197 回答