Question

使用boostrap单选按钮设置隐藏字段的值时遇到一些麻烦。这是带有单选按钮和隐藏字段的按钮组。

<div class="myRow">
                <div class="smallCol">
                    <div class="btn-group hiddenRFIDValue" data-toggle="buttons">
                        <label class="btn btn-default">
                            <input type="radio" class="btn" name="options" id="alwaysRFID" autocomplete="off">
                            Always
                        </label>
                        <label class="btn btn-default">
                            <input type="radio" class="btn" name="options" id="neverRFID" autocomplete="off">
                            Never
                        </label>
                        <label class="btn btn-default">
                            <input type="radio" class="btn" name="options" id="sometimesRFID" autocomplete="off">
                            Sometimes
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <asp:HiddenField ID="hiddenRFIDValue" runat="server" />

以下是我尝试使用。

设置值的脚本

<script>
    $(".hiddenRFIDValue .btn").click(function () {
        // whenever a button is clicked, set the hidden helper
        $("#hiddenRFIDValue").val($(this).text());
    });
</script>

希望你们中的一个可以帮助它。感谢

Answer 1

我修好了！当生成html时，它改变了隐藏字段的id，因此scipt需要看起来像这样。

<script>
    $(".hiddenRFIDValue .btn").click(function () {
        $("#MainContent_hiddenRFIDValue").val($(this).text());
    });
</script>

使用bootstrap radion按钮设置隐藏字段值

1 个答案: