0

让我先说一下我知道图像显示不正确（除非您已经加载了它们），我只是不知道为什么 imgur 不想与 JSFiddle 一起玩。

我有几个 Div（每个都有一个单独的 ID），其中包含一个 3 选项单选按钮。我想将整个 div 移动到适当的框中。也就是说，如果用户单击第一个选项，整个单选按钮将移至 High Interest DIV，如果他们单击第三个选项，它将移至#lowI，中间按钮应将其移回。我能够通过为每个单选按钮创建一个单独的函数来使其工作，但我觉得应该可以创建 3 个函数，一个用于单击是、确定和否，将父 div 移动到适当的位置。

这是最新的小提琴

这是我微弱的 jquery 代码：

$('.no').on("click", function (e) {
    $("label.no").parent().appendTo("#lowI");
    e.preventDefault();
});
4

2 回答 2

1

Clicking on labels is flimsy. I would use the radio change event. It is much more semantically appropriate.

$(document).ready(function(){
   $("input:radio").change(function () {
       var tmp = $(this).parent("div").detach();

       if($(this).val() == "yes"){
           tmp.appendTo('#highI');
       } else if($(this).val() == "ok"){
           tmp.appendTo('#nI');
       } else {
           tmp.appendTo('#lowI');
       }
    });
 });

Also see the fiddle. The original fiddle didn't have jQuery enabled, so it was confusing for a bit. Don't forget to include it or nothing will work!

于 2013-03-11T20:30:18.923 回答
1

您的单选按钮将 css 属性显示为无。所以 JQuery 不会处理对它们的点击。

您需要处理对标签的点击，例如

$("label.no").on("click", function (e) {
    $(this).parent().appendTo("#lowI");
    e.preventDefault();
});

编辑更改了选择器，假设标签的类别为 no

于 2013-03-11T20:13:12.403 回答