Javascript 两个按钮，可根据背景位置的变化进行切换，从而产生输入

如何创建jQuery/javascript函数以：

将其值插入输入框（公/母）

更改其背景及其同级按钮的背景以显示其是否处于活动状态

以下是我的HTML开始：

<input type="button" class="ts" id="female" onclick="???????????" />
<input type="button" class="ts" id="male"   onclick="???????????" />

<input class="req-string bx long" type="text" id="gender" name="gender" />

这是一个指引您正确道路的方法。它不会满足你的要求，但你会明白的

下面的代码将禁用另一个按钮：如果您单击“女性”，它将禁用“男性”，反之亦然

$(function() {

  $('#female').click(function() {     

    // place text ("male" or "female") in an input 
    $('#gender').val('female');

    $('#female').css({background:'green'});
    $('#male').css({background:'red'});
  });

  $('#male').click(function() {      

    // place text ("male" or "female") in an input 
    $('#gender').val('male');

    // emulates the button being toggled
    $('#female').css({background:'red'});
    $('#male').css({background:'green'});
  });

});​

---

你的问题很难理解。你的背景在哪里？开/关状态是什么意思？还是很难理解。您可以去掉“Ajax”，因为这与解决方案无关，也令人困惑。对于onclick按钮，我如何制作按钮？忘记输入标记上的onlick属性，使用jQuery click。它是UI代码（HTML）和逻辑（JavaScript）的更清晰分离。它使阅读每个脚本变得更容易。当我运行脚本时，它可以工作，但页面会刷新，结果会丢失。为什么单击输入会刷新屏幕？可能是您的输入“类型”可以设置为提交？