在按钮提交时将 <p> 数据发送到弹出窗口

Question

我有 3 个单选按钮。在它们中的每一个中都有一个带有一小行文本的<p> 标签。我想要实现的是从所选单选按钮中获取文本，并在用户单击提交按钮时将其放入弹出框中。

这是设置：

<label class="container">
  <p>some text here....</p>
  <input type="radio" name="yourmenu">
  <span class="checkmark"></span>
</label>

Answer 1

你是说

$("form").on("submit",function(e) {
  var text = $("[name=yourmenu]:checked").prev().text();
  if (!confirm(text)) e.preventDefault(); // cancel submit if not confirming
});

更详细的版本：

$("form").on("submit", function(e) {
  var text = $("[name=yourmenu]:checked").prev().text() || "Intet valg";
  if (text=="Intet valg") { // nothing selected
    e.preventDefault();
    alert(text);
    return;
  }
  if (!confirm(text)) e.preventDefault(); // cancel submit if not confirming
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <label class="container">
    <p>Vil du have Pizza?</p>
    <input type="radio" name="yourmenu">
    <span class="checkmark"></span>
  </label>
  <label class="container">
    <p>Vil du have Pasta?</p>
    <input type="radio" name="yourmenu">
    <span class="checkmark"></span>
  </label><br/>
  <input type="submit" />
</form>

Answer 2

如果我理解正确，那么

$("form").on("submit",function(e) {
  var textSelected=$('input:radio[name=yourmenu]:checked').prev('p').text();
  alert(textSelected);
});