Question

我需要能够 1.为轨道按钮分配值
2.在按钮单击上选择该值 3.将值存储到表格中 4.按钮在活动状态下更改颜色，并且只要用户再次重新访问表单，该按钮就会保持活动状态

如何编码所有这些行为？对此最好的评价是什么？ Jquery，Rails还是两者的结合？
感谢任何指导和建议

Answer 1

您可以使用单选按钮显示所需的选项。

以下是我对性别的看法：

html / ruby：

<div class="choixdugenre">
            <label>
              <%= f.radio_button :genre, "Monsieur", checked: true %><span>Monsieur</span>
            </label>

            <label>
              <%= f.radio_button :genre, "Madame" %><span>Madame</span>
            </label>
    </div>

css：

.choixdugenre {
  label {
    overflow:auto;
  }

  label span {
    text-align:center;
    font-size: 1.2em;
    padding:12px 15px;
    display:block;
    background-color: #f2f2f2;
    color: #757575;
    border-radius: 3px;
    transition: all 0.2s;
    font-weight: normal;
  }

  label span:hover {
    cursor: pointer;
  }

  input {
    position:absolute;
    visibility:hidden;
  }

  input:checked + span {
    background-color: #d6608b;
    color:#eaeaea;
    transition: all 0.3s;
  }

}

当然，您必须知道如何在Ruby（ERB）中执行表单（以及控制器中的参数），并将您的符号：genre替换为您自己的性别符号名称...

从Rails表单中的按钮存储值

1 个答案: