ラジオボタンのチェックを外す

Question

<input type="radio" name="things" value="exam" /> exam 
<input type="radio" name="things" value="journey" /> journey 


$("input[name=things]").click(function(){ 
    if($(this).is(':checked')){ 
     $(this).removeAttr('checked') 
    } 
}) 

これは問題ありません。どうすれば作れますか？私は好きです - もし私が選択した入力をクリックするとこれはunselectですが、私がunselectの入力をクリックすると、これはチェックし、他の入力をチェックしないでください。

LIVE：http://jsfiddle.net/syH46/

Answer 1

私は、このコードが出ている：

var prev = {}; 
$("input[name=things]").click(function(){ 
    if (prev && prev.value == this.value) { 
     $(this).prop('checked', !prev.status); 
    } 
    prev = { 
     value: this.value, 
     status: this.checked 
    }; 
}); 

は、残念ながら、私は、クリックイベントが発生したときcheckedプロパティは常に真であるので、checkedプロパティを保存するために追加の変数を使用する必要がありました。

http://jsfiddle.net/syH46/11/

Answer 2

これはあなたを整理する必要があります

How to uncheck a radio button?

のいずれか（無地JS）

this.checked = false; 

または（jQueryの）

$(this).prop('checked', false); 
// Note that the pre-jQuery 1.6 idiom was 
// $(this).attr('checked', false); 

希望するもの：

Answer 3

ラジオボタンは、グループの1つのメンバーが常にチェックされるように設計されています。 3つのオプションがある場合は、3つのラジオボタンを持っている必要があります。

<input type="radio" name="things" value="exam" id="things_exam"> 
<label for="things_exam">exam</label> 

<input type="radio" name="things" value="journey" id="things_journey"> 
<label for="things_journey">journey</label> 

<input type="radio" name="things" value="" id="things_neither" checked><!-- note checked attribute, this is the default, one member of the group should always be checked --> 
<label for="things_neither">neither</label> 

あり、その周りをハックする方法がありますが、ない確実ではなく、UIがどのように機能するかのユーザーの期待に違反することなく。

Answer 4

http://jsfiddle.net/syH46/4/

利用ライブ機能..ハンドラは、全体のイベントに取り付けられたまま。

Answer 5

私はこの質問は2月に頼まれたけど、私は、この情報が面白い発見し、私はあなたと共有したいと思います：

ラジオボタン

ラジオボタンいくつかのコントロール名が同じコントロール名を共有している場合には、相互に排他的であることを除いて、チェックボックスと似ています。 INPUT要素は、ラジオボタンコントロールを作成するために使用されます。

同じコントロール名を共有するセット内のラジオボタンが最初に「オン」になっていない場合、最初にどのコントロールをオンにするかを選択するためのユーザーエージェントの動作は定義されていません。注意。既存の実装ではこのケースを別々に処理するため、現在の仕様はRFC 1866（[RFC1866]のセクション8.1.2.4）と異なります。常に、セット内のラジオボタンの1つがチェックされます。ラジオボタンの要素のどれもが `CHECKED 'を指定していない場合、ユーザーエージェントは最初にセットの最初のラジオボタンをチェックしなければなりません。

ユーザエージェントの動作が異なるため、作成者は、各ラジオボタンのセットが最初に「オン」であることを確認する必要があります。

Source of the information

Answer 6

ここで素敵なハックです：

<input type="radio" name="Name1" value="Value1" onmousedown="this.c=this.checked" onclick="if (this.c) { this.checked 
= false }" /> 

このコードはHTMLとして動作するはずですが、必要に応じて、あなたはまた、追加のロジックを持つjavascriptやjqueryの内のイベントを添付することができます。