0

ユーザーがボタンをクリックすると、以前に入力した情報を編集できるフォームを作成しました。

このシナリオでは、ユーザーが性別ラベルの横にある編集ボタンをクリックすると、男性または女性を選択できるラジオ ボタンが表示されます。

クリック時にラジオ ボタン リストをラベルに戻す方法を見つける手助けが必要です。

これが私がこれまでに持っているものです：

HTML

<div class="gear">
  <label>Gender:</label><br />
  <span id="gender" class="datainfoGender">Male</span>
   <a href="#" class="editlinkGender">Edit Info</a>
   <a class="savebtnGender">Save</a>
</div>

Javascript

$(".editlinkGender").on("click", function (e) {
    e.preventDefault();
    var datasets = $(this).prevAll(".datainfoGender");
    var savebtn = $(this).next(".savebtnGender");
    datasets.each(function () {
        var theid = $(this).attr("id");
        var newid = theid + "-form";
        var currval = $(this).text();
        $(this).html('<input type="radio" name="gender" value="male">Male<br><input type="radio" name="gender" value="female">Female');
    });

    $(this).css("display", "none");
    savebtn.css("display", "block");
});

$(".savebtnGender").on("click", function (e) {
    e.preventDefault();
    var elink = $(this).prev(".editlinkGender");
    var datasets = $(this).prevAll(".datainfoGender");
    datasets.each(function () {
        var newid = $(this).attr("id");
        var einput = $("#" + newid + "-form");
        var newval = einput.val();
        einput.remove();
        $(this).html(newval);
    });

    $(this).css("display", "none");
    elink.css("display", "block");
});

ラジオ ボタン リストから値を取得してラベルにする方法を教えてください。

4

1 に答える 1

1

次のような値を取得します。

var newGender = $('[name="gender"]').val();

そしてそれをそのようなラベルに変更します：

$('[name="gender"]').html('your choice : ' + newGender);
于 2013-02-18T20:56:25.037 に答える