为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕的地10843 2024-01-03 17:07:09
我有一个包含 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>
查看完整描述

1 回答

?
慕雪6442864

TA贡献1812条经验 获得超5个赞

不使用,而是在按钮上toggleFormView模拟 a :click()


document.addEventListener("load", function() {

   var hash = window.location.hash;

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

});


查看完整回答
反对 回复 2024-01-03
  • 1 回答
  • 0 关注
  • 44 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信