使用標籤選擇複選框並將其帶到頁首的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

回答

相關問題