LoginSignup
0
0

More than 5 years have passed since last update.

<form> を使わないでリンクにパラメータを与える

Posted at

複数選択のチェックボックスの場合、hrefのパラメータを追加していくと "," 区切りになるのを解消。もっとスマートなやり方があると思うけどJQueryとかそこら辺は苦手すぎるのでした。

<input type="checkbox" name="selectword" class="formlink" value="&Id99">
<input type="checkbox" name="selectword" class="formlink" value="&Id999">

<a href="#" class="selectsend"><button class="send">検索</button></a>

split-insert.js
$('.formlink').click(function() {
    var checkedvalue = [];
    var urlObject = "search_result.html&selectionNum=";
    $('[name="selectword"]:checked').each(function(){
    checkedvalue.push($(this).val());

    S = urlObject + checkedvalue;
    splitvalue = S.split(",").join("")
    $(".selectsend").attr("href", splitvalue);

});
});

チェックボックスをチェックするとa hrefの中に、
search_result.html&selectionNum=&Id99&Id999などとパラメータが増えます。

使いみち? うーんそれはわかりません。

value を動的に挿入するなら、

$(".formlink").attr("value", "&Id99");

みたいなことも。

0
0
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0