Question

正如标题所示，单选按钮不会检查何时单击标签（tex）。然而，这似乎在Semantic的网站上运行良好。

带有工作单选按钮的语义UI文档：http://semantic-ui.com/modules/checkbox.html

以下示例代码直接来自上面的语义UI文档：

<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="ui form">
  <div class="grouped fields">
    <label>How often do you use checkboxes?</label>
    <div class="field">
      <div class="ui radio checkbox">
        <input type="radio" name="example2" checked="checked">
        <label>Once a week</label>
      </div>
    </div>
    <div class="field">
      <div class="ui radio checkbox">
        <input type="radio" name="example2">
        <label>2-3 times a week</label>
      </div>
    </div>
    <div class="field">
      <div class="ui radio checkbox">
        <input type="radio" name="example2">
        <label>Once a day</label>
      </div>
    </div>
    <div class="field">
      <div class="ui radio checkbox">
        <input type="radio" name="example2">
        <label>Twice a day</label>
      </div>
    </div>
  </div>
</div>

我该如何解决这个问题？

编辑：显然我需要一些javascript作为单选按钮，如下所述：http://semantic-ui.com/modules/checkbox.html#/usage。我找不到工作单选按钮/复选框所需的最低代码。

Answer 1

我的Javascript中需要# update whole repository including branches, tags and # with the --prune it will also remove teh deleted branches and tags # from your local repository git fetch --all --prune。

Answer 2

如果您想查看> ab Number b 2007-01-01 5 10点击标签，则必须使用radio buttons用于id字段，input用于for：

label

jsfiddle-link

当然，您可以使用自己的<div class="ui form"> <div class="grouped fields"> <label>How often do you use checkboxes?</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="example2" checked="checked" id="100"> <label for="100">Once a week</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="example2" id="101"> <label for="101">2-3 times a week</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="example2" id="102"> <label for="102">Once a day</label> </div> </div> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="example2" id="103"> <label for="103">Twice a day</label> </div> </div> </div> </div>和id名称，但所有值都必须是唯一的！

Answer 3

似乎适用于＆＃39; 标签＆＃39;导致问题的标签。您可以删除课程“ui”单选复选框＆＃39;并在标签标记内移动输入标记并尝试，它可以根据需要运行。如果您想要此功能，请尝试使用您的自定义类重写此类。

Answer 4

这个答案有点晚了，但我以最简单的方式解决了这个问题。

将value =“true”添加到输入复选框，如下所示：

只有在选中后才会将该值提交给服务器。

单击标签时不会检查语义UI单选按钮

4 个答案: