javascript - 背景位置の変化に合わせてトグルする 2 つのボタンで、結果として入力が得られます

Question

次の目的で jQuery/javascript 関数を作成する方法:

1. その値を入力ボックスに挿入します (男性/女性)
2. その背景と兄弟ボタンの背景を変更して、アクティブかどうかを示しますか?

ここに私の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" />

Answer 1

正しい道を示す例を次に示します。あなたが求めていることはしませんが、アイデアは得られます。

以下のコードは、他のボタンを無効にします。「女性」をクリックすると「男性」が無効になり、その逆も同様です。

$(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'});
  });

});​