使用标签选择复选框并将其带到页首的HTML

我有一个页面，其顶部有一个复选框。我希望在页面上选择复选框，以便用户可以继续。
问题是当您单击标签时，它会直接滚动到用户屏幕顶部的复选框。不过，我需要将页面也转到页面顶部，以便用户可以看到复选框上方的所有内容。使用标签选择复选框并将其带到页首的HTML

样品：的首页ID = #top返回的...

<input class="css-checkbox" id="PSRchk" type="radio" name="PSR" value="YES" required> 
<label class="css-label" for="PSRchk">YES</label>     
<input class="css-checkbox" id="PSRchk2" type="radio" name="PSR" value="NO" onclick="location.href='#PSR'"> 
<label class="css-label" for="PSRchk2">NO</label> 

    ... Pages of code ... 


    <label for="PSRchk">I Agree</label>

来源

2015-09-24 dblock

看来你可能需要重新考虑你的页面布局。

您可以使用锚标记代替，并设置其HREF到#top返回像

<a href="#top">I Agree</a>

这将会进入到页面的顶部或其它地方的<div id="top"></div>所在。

来源

2015-09-25 01:20:31 DanH

权。但我希望我同意链接自动检查复选框并同时回到顶部 – dblock

然后，您需要在页面中添加一些javascript。已经能够创建一个小提琴展示这个预期的功能？这将使协作更容易。 http://jsfiddle.net/ – DanH

感谢我想通了与Javasctipt：

<a onclick="return iagree()">I Agree</a> 

    <script> 
    function iagree() { 
     $('html,body').scrollTop(0); 
     document.getElementById("PSRchk").checked = true; 
    } 
    </script>

来源

2015-09-28 01:47:19 dblock

使用标签选择复选框并将其带到页首的HTML

回答

相关问题