2

javascript / jQueryを使用してそれを行う方法はありますか、またはそれは可能ですか？

ベースリンクURL：最初の例ではタイプAとタイプBをチェックし、2番目の例ではタイプDをチェックします

?type=A&type=C or ?type=D

私の現在のフォーム：

<form name="input" action="" method="post" ><br />
Select Type: <br />
<input type="checkbox" name = "type" value="A" /> A <br />
<input type="checkbox" name = "type" value="B"  /> B <br />
<input type="checkbox" name = "type" value="C"  /> C <br />
<input type="checkbox" name = "type" value="D" /> D <br /> <br />
<input type="submit" value="Submit" />

何かヒントやアドバイスはありますか？

4

2 に答える 2

9

このようにしてください：

var i = document.location.href.lastIndexOf('?');
var types = document.location.href.substr(i+1).replace(/type=/g,'').split('&');
$('input[name="type"]').prop('checked',function(){
     return $.inArray(this.value,types) !== -1;
});

説明：

URLが' http://sample.com?type=A&type=C'であると考えてください。それで：

  • i?そのURLの''サインのインデックスです

  • .substr（）type=A&type=CはURLから一部を切り取りカット後、次の文字列が作成されます。

    "type=A&type=C"

  • .replace（）は、上記の文字列から「type=」の部分を削除します。

    "A&C"   //after replace

  • .split（）は、その文字列を配列に分割します。

     ["A","C"]

  • $ .inArray（）checkboxは["A","C"]配列あるかどうかをチェックそうである場合、checks（.prop('checked',true)）checkbox。

于 2012-07-12T15:04:48.807 に答える
0

この質問は、javascriptを使用してクエリ文字列パラメータをチェックするための解決策を示しています。上部には、JQueryを使用した解決策を提供する可能性のある重複する質問へのリンクもあります。

querty文字列パラメーターを決定したら、jQueryを使用してチェックボックスをオンにすることができます（別の質問で詳しく説明されています）。

$('input[value="A"]').prop("checked", true);
于 2012-07-12T15:09:21.957 に答える