0

問題1

私は一般的にjqueryとフロントエンドが初めてです。どのラジオ ボタンが選択されているかに基づいて、リンクの値を変更しようとしています。ユーザーがラジオボタンを選択すると、送信リンクにそれぞれのラジオ選択の値を追加します。ユーザーが別のラジオ ボタンを選択すると、値が変化することが重要です。

つまり、ユーザーがオプション 1(value="sex=male") をクリックした場合、送信リンクを

問題2

jqueryでこれを行う方法は知っていますが、問題1に結びつく最適なソリューションを知りたいです.ユーザーがラジオボタンを選択したら、「注文の概要」にユーザーの選択を伝えたい.

4

3 に答える 3

0

私が見ることができる最も簡単な方法は次のとおりです。

$('input[type="radio"]').change(function () {
    var queryString = $('input[type="radio"]:checked').map(function () {
        $('#' + this.name).text(this.name + ': ' + this.value);
        return this.name + '=' + this.value;
    }).get().join('&');
    $('#link').attr('href', function () {
        return 'example.com/cart?' + queryString;
    });
});

JS フィドルのデモ。

spanを an に変更しa(ネイティブhrefプロパティを使用するため)、HTML エラーの一部を修正し、不要な HTML を減らしました (すべての要素brが必要なわけではありません。表示には CSS を使用します)。

参考文献:

于 2013-11-11T22:26:59.440 に答える