ホームページ  >  記事  >  ウェブフロントエンド  >  ラジオの最初のクリックで選択、2 回目のクリックでキャンセルを実装する方法

ラジオの最初のクリックで選択、2 回目のクリックでキャンセルを実装する方法

小云云
小云云オリジナル
2018-01-12 09:30:223153ブラウズ

この記事では、ラジオの最初のクリックで選択と 2 回目のクリックでキャンセル機能を実装するための jQuery の関連知識を主に紹介します。これは、参考値が高いです。以下のエディターで見てみましょう。皆さんのお役に立てれば幸いです。

プロジェクトの都合上、ラジオは2回クリックするとキャンセル状態になる必要がありますが、これをチェックボックスに変更することで実現できます。

// jquery
  $('input:radio').click(function(){
    //alert(this.checked);
    //
    var $radio = $(this);
    // if this was previously checked
    if ($radio.data('waschecked') == true){
      $radio.prop('checked', false);
      $radio.data('waschecked', false);
    } else {
      $radio.prop('checked', true);
      $radio.data('waschecked', true);
    }
  });

関連する推奨事項:

jQuery で、選択されたラジオ ボタンの値を取得し、すべてのラジオの選択ステータスを削除します。 例の共有

jQuery で、RadioButton を実装し、必要な検証機能を実行します。 メソッドの共有

ラジオの使用方法HTML で

以上がラジオの最初のクリックで選択、2 回目のクリックでキャンセルを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。