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);
});

将<p>数据发送到按钮提交

2 个答案: