2017-08-10 5 views
0

他のページの指定されたリンクからチェックボックスやラジオフィールドを自動入力/選択する方法を見つけようとしています。別のページから選択したページリンクからチェックボックスまたはラジオフィールドをあらかじめ入力しますか?

スクリプト:

enter image description here

はこれまでのところ、私は次の関数/ HTMLでフォームのページ自体に有向リンクをクリックしたときに、特定の入力フィールドを選択する方法を考え出しましたそして、(フォームのページ自体に)HTML:

<a href='' id='select-checkbox1'>Click to Select</a>

はTHERですeこのような関数をページの読み込み(フォームのページ上)から自動的に起動する方法は、最初は別のページのリンクによって促されますか?

次に、URLで呼び出された特定のハッシュターゲット/アンカーに対応しているフィールドが自動入力される可能性があります。何か案は?私はJavascriptを/ jQueryを使って専門知識が限られているよう

援助は非常に多くの

ありがとう...、いただければ幸いです。

答えて

0

ことがありますハッシュを使用してページAからページBに情報を運ぶことが可能です。

これは、サーバー側のリソースを使用しない場合です。

ページA:

<a href='pageB.html#myHash' id='select-checkbox1'>Click to Select</a> 

ページB:

$(document).ready(function(){ 
    var hash = location.hash; // Here, it would be "#myHash"... So including the # 

    if(hash=="#myHash"){ 
    $("#checkbox1").prop("checked", !$("#checkbox1").prop("checked")); // that toggles the checked state 
    } 
}); 
+0

素晴らしいです!これは完全に魅力のように働いた。助けてくれてありがとう! – nr159

0

あなたはこの質問からソリューションを使用することができます。このように、たとえばHow can I get query string values in JavaScript?

function getParameterByName(name, url) { 
    if (!url) url = window.location.href; 
    name = name.replace(/[\[\]]/g, "\\$&"); 
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), 
    results = regex.exec(url); 
    if (!results) return null; 
    if (!results[2]) return ''; 
    return decodeURIComponent(results[2].replace(/\+/g, " ")); 
} 

$('#checkbox1).prop('checked', getParameterByName('checkbox1')) 

他のページのリンクは、このようなことができます:

<a href='pagewithcheckbox.html?checkbox1=checked' id='select-checkbox1'>Click to Select</a> 
関連する問題