切换背景位置TWICE

我想通过单击相同的按钮TWICE来取消选择按钮。切换背景位置TWICE

一旦我点击女性或男性，脚本更改背景位置并将数据插入到性别输入正确，但我想要返回相同的按钮到其原始位置，如果再次点击（两次）和删除性别输入字段中的结果。

任何人都可以建议修改我的脚本吗？

这应该是一个单独的脚本？

感谢

$(function(){ 
    $("input[type='button']").click(function() { 
     $("input[type='button']").removeClass("button-toggle-on"); 
     $(this).addClass("button-toggle-on"); 
    if($(this).hasClass("gnF")) varval = 'female'; 
    else varval = 'male'; 
    $("#gender").val(varval); 
    }); 
    });

来源

2012-04-13 Erik

这将这样的伎俩：

$(function(){ 
    $("input[type='button']").click(function() { 

    if($(this).hasClass("button-toggle-on")) { 
     $(this).removeClass("button-toggle-on"); 
     $("#gender").val("");     
    } 
    else { 
     $(".button-toggle-on").removeClass("button-toggle-on");      
     $(this).addClass("button-toggle-on"); 
     $("#gender").val(($(this).hasClass("gnF"))? "female" : "male");  
    } 
    }); 
});

来源

2012-04-13 05:51:49 Neil

伟大的作品，但我不能让它来生活在我的网页...嗯。必须是某处的冲突 – Erik 2012-04-13 06:08:49

@Erik萤火虫的控制台很有可能会告诉你问题出在哪里。 – Joonas 2012-04-13 06:28:58

谢谢你，我知道了。 – Erik 2012-04-13 06:43:04

事情是这样的：

$(function(){ 
    $("input[type='button']").click(function() { 
     if ($(this).hasClass("button-toggle-on")) { 
      $(this).removeClass("button-toggle-on"); 
      $("#gender").val(''); 
     } else { 
      $("input[type='button']").removeClass("button-toggle-on"); 
      $(this).addClass("button-toggle-on"); 
      if($(this).hasClass("gnF")) varval = 'female'; 
      else varval = 'male'; 
      $("#gender").val(varval); 
     } 
    }); 
});

来源

2012-04-13 05:40:17

看看这个demo。

var $buttons = $("input[type='button']"); 
$buttons.click(function() { 
    $buttons.not(this).removeClass('button-toggle-on'); 
    $(this).toggleClass('button-toggle-on'); 

    var varval = ''; 
    if ($(this).hasClass('button-toggle-on')) { 
     varval = $(this).hasClass('gnF') ? 'female' : 'male'; 
    } 
    $("#gender").val(varval); 
});

来源

2012-04-13 05:41:41 dfsq

回答

相关问题