1

HTMLフォームにいくつかのラジオボタンがあります。コードは次のとおりです。

slovenský <input type="radio" name="jazyk1" value="1" style="margin-right: 20px; margin-bottom: 15px;" />
český     <input type="radio" name="jazyk1" value="2" style="margin-right: 20px; margin-bottom: 15px;" />
anglický  <input type="radio" name="jazyk1" value="3" style="margin-right: 20px; margin-bottom: 15px;" />
<br />
nemecký   <input type="radio" name="jazyk1" value="4" style="margin-right: 20px; margin-bottom: 15px;" />
francúzsky<input type="radio" name="jazyk1" value="5" style="margin-right: 20px; margin-bottom: 15px;" />
španielsky<input type="radio" name="jazyk1" value="6" style="margin-right: 20px; margin-bottom: 15px;" />
<br />
taliansky <input type="radio" name="jazyk1" value="7" style="margin-right: 20px; margin-bottom: 15px;" />
ruský     <input type="radio" name="jazyk1" value="8" style="margin-right: 20px; margin-bottom: 15px;" />
maďarský  <input type="radio" name="jazyk1" value="9" style="margin-right: 20px; margin-bottom: 15px;" />
<br />
poľský    <input type="radio" name="jazyk1" value="10" style="margin-right: 20px; margin-bottom: 15px;" />

そして、このラジオボタンをリセットするためのリンクを追加したいのですが、このラジオボタンだけです.1つのフォームに複数のラジオボタンがあるためです...助けてもらえますか?

4

3 に答える 3

6

次のようなリンクがあるとします。

<a href="#" id="uncheck">Uncheck</a>

および対応するjQueryをuncheck radios:

$('#uncheck').on('click', function(e) {
  e.preventDefault(); // prevent page reload, you can remove it if you don't want
  $(':radio[name=jazyk1]').prop('checked', false);
});

ここでは、:radio[name=jazyk1]名前が正確に のラジオ ボタンのみが表示されますjazyk1。したがって、他radioの s に同じ名前がない場合、上記のコードは上記radioの s に対してのみ機能します。

リンクタグの代わりに、buttonなどの他のものを使用することもできます.

于 2012-07-08T16:47:35.787 に答える
3

コードパラドックスの回答に関しては、$(':radio[name=jazyk1]').attr('checked', false);代わりに使用することもできます$(':radio[name=jazyk1]').prop('checked', false);これも同じように機能します。attr要素の属性を操作する最も一般的な jQuery メソッドです。

于 2012-07-08T16:59:07.300 に答える
0

ユーザーが一連のラジオ ボタンをリセットできるようにする (唯一の) 堅牢な方法は、「ダミー」の選択、または実際には「選択なし」を表す追加のボタンを含めることです。

<label for="no-select">Jazyk nie je vybraté</label>
<input type="radio" name="jazyk1" value="0" checked="checked" id="no-select"
       style="margin-right: 20px; margin-bottom: 15px;" />

フォーム データ (サーバー側またはクライアント側) を処理するコードは、それに応じてこの選択を処理する必要がありjazyk1=0ます。これは、ユーザーがラジオ ボタンをクリックしなかったか、元に戻したために、選択が行われなかったことを意味します。選択。この場合、特別な値は0、真の値として発生しない値である必要があります。

于 2012-07-08T17:24:29.337 に答える