Question

我有一个包含大约20个选项的表单，我想在同一行显示一个警告文本，例如“updated”，只要用户点击该选项。因此，最终如果用户点击选项1上的单选按钮，它将显示在它旁边，然后显示相同的选项2,3，......

我可以指定显示文本的特定div，但我不确定如何为整个表单执行此操作。我可以在输入中定位特定的“名称”，以便它知道弹出文本的输出位置，因为它为ajax调用读取它吗？

我正在努力做这项工作

   $("input").click(function() {
    var name = $(this).attr('name');
    var val = $(this).val();
        if(val !=='') {
          "http://someurl.com",
           { name: val,
             data: name
           },
           function(data) {}, "json"
      )}
        $(this.name).html("Data Updated").show().delay(1000).fadeOut();
});
});

HTML

<form id="myform" action="form" method="post">
<div class="myclass1"><input type="radio" class="set1" name="option1" id="option1a" value="0" checked/></div>
<div class="myclass1"><input type="radio" class="set2" name="option1" id="option1b" value="0"/></div>
<div class="myclass1"><input type="radio" class="set2" name="option1" id="option1c" value="0"/></div>

<div class="myclass1"><input type="radio" class="set1" name="option2" id="option2a" value="0" checked/></div>
<div class="myclass2"><input type="radio" class="set2" name="option2" id="option2b" value="1"/></div>
<div class="myclass2"><input type="radio" class="set2" name="option2" id="option2c" value="2"/></div>

<div class="myclass1"><input type="radio" class="set1" name="option3" id="option3a" value="0" checked/></div>
<div class="myclass2"><input type="radio" class="set2" name="option3" id="option3b" value="1"/></div>
<div class="myclass1"><input type="radio" class="set2" name="option3" id="option3c" value="2"/></div>

Answer 1

你可以这样做：

$(function () {
  var $message = $('<span class="message">Updated</span>');

  $('input').change(function (e) {
    var $element = $(e.currentTarget);
    $element.after($message.stop(true, true).show());
    $message.fadeOut(1000);
  });
});

}）;

另外，如果您真的想点击它，只需将change更改为click。

当用户点击单选按钮时，如何在每个div上弹出消息？

1 个答案: