Rails：同一源列表上的两个收音机选择

Question

想知道如何解决这个问题...最好查看图片以可视化用于在列表中选择选项的表单的充满希望的 UI。用户需要能够为每个选项做出第一选择和第二选择。每一列和每一行都可以选择一个，并且只能选择一个。

起初我想，当然，2 个单选按钮组可能会起作用……但不确定如何？也许隐藏了radio_buttons，其values 是通过Javascript/JQuery 在每个div 上的click 事件中操作的？当用户尝试为两个选项选择相同的选项时，事件还应检查/处理“碰撞”。

或者，如果有两个隐藏的collection_selects 会更好...或者更简单，只有两个隐藏的 text_fields...哪个 javascript 可以填充所选选项的 ID？

或者我忽略了一些更明显的东西。

我是使用 Rails 编写 javascript 的新手，所以寻求建议/验证。

谢谢。

Answer 1

我认为您正在寻找这样的东西：

HTML：

<form>
    <p class="exclusiveSelection">
        Selection One
        <input type="radio" name="firstColumn"/>
        <input type="radio" name="secondColumn"/>
    </p>
    <p class="exclusiveSelection">
        Selection Two
        <input type="radio" name="firstColumn"/>
        <input type="radio" name="secondColumn"/>
    </p>
    <p class="exclusiveSelection">
        Selection Three
        <input type="radio" name="firstColumn"/>
        <input type="radio" name="secondColumn"/>
    </p>
    <input type="button" id="submitForm" value="Submit">
</form>

JavaScript：

$(function() {
    $(".exclusiveSelection input[type='radio']").click(function() {
        $exclusiveSelection = $(this).parent();
        $('input[type='radio']', $exclusiveSelection).attr('checked', false);
        $(this).attr('checked', true);
    });
});

它确保值在列和行之间是唯一的，并且适用于 jQuery 1.2.6 - 1.7.1。还有一个JSFiddle example。

如果您在为 Rails 调整此内容时需要帮助，请告诉我，但应该是直截了当的。