更改基于 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() {

   var hash = window.location.hash;

   if (hash) $(hash).click(); // For instance: $("#two").click()

});