更改基于 url 哈希选择的单选按钮

Question

我有一个包含 3 个不同部分的表单，我还有一些哈希链接（#one、#two、#third）可转到表单页面，但会根据哈希在页面加载时显示相应的表单部分。我让它工作，表单视图根据哈希 URL 进行更新，但实际表单没有更新以收集数据和验证。我需要发生的是实际的单选按钮更改，就像单击它一样。因此，如果 url 是 www......com/#two，则相应的单选按钮 2 将被单击并激活，就像当用户被发送到带有页面链接/哈希的页面时在表单上手动单击它一样。

HTML：

 <div class="register_input-container register_input-container--checkbox all role-checkbox">

    <div class="register_checkbox_label-row row">

        <div class="register_checkbox_label-container col">

            <label tabindex="0" for="register_one"

                   class="form_checkbox_label form_checkbox_label--role selected-role" id="one"

                   data-role="one">

                Label One

            </label>

        </div>

        <div class="register_checkbox_label-container col">

            <label tabindex="0" for="register_two"

                   class="form_checkbox_label form_checkbox_label--role" id="two" data-role=two"

                   data-offset="0">

                Label Two

            </label>

        </div>

        <div class="register_checkbox_label-container col">

            <label tabindex="0" for="register_three" class="form_checkbox_label form_checkbox_label--role " id="three"

                   data-role="three">

               Label Three

            </label>

        </div>

    </div>

    <input type="radio" id="register_one" name="role">

    <input type="radio" id="register_two" name="role">

    <input type="radio" id="register_three" name="role">

</div>

Answer 1

不使用，而是在按钮上toggleFormView模拟 a ：click()document.addEventListener("load", function() {&nbsp; &nbsp;var hash = window.location.hash;&nbsp; &nbsp;if (hash) $(hash).click(); // For instance: $("#two").click()});