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 回答