ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLでラジオボタンを設定する方法

HTMLでラジオボタンを設定する方法

coldplay.xixi
coldplay.xixiオリジナル
2021-02-20 11:28:1518096ブラウズ

HTML でラジオ ボタンを設定する方法: 最初にファイルを新しい静的ページに挿入し、次に [

] タグに 3 つのラジオ ボタンを挿入し、checked 属性を追加してから、ラジオ ボタンの [追加] を追加します。ボタンに name 属性を追加し、最後に、jquery 初期化関数内に、ラジオ ボタンを選択するメソッドを追加します。

HTMLでラジオボタンを設定する方法

このチュートリアルの動作環境: Windows7 システム、html5 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

HTML でラジオ ボタンを設定する方法:

1. まず、次の図に示すように、新しく作成した静的ページにこのファイルを挿入します。

HTMLでラジオボタンを設定する方法

##2. 次に、

タグに 3 つのラジオ ボタンを挿入し、対応するラベルを付けます。

HTMLでラジオボタンを設定する方法

#3. 次に、checked 属性を最初のラジオ ボタンに追加します。下の図に示すように、デフォルトで選択されています。

HTMLでラジオボタンを設定する方法

#4. コードを保存し、ブラウザで効果をプレビューします。下の図に示すように、3 つのラジオ ボタンを同時に選択できることがわかります。 。

HTMLでラジオボタンを設定する方法

#5. 次に、3 つのラジオ ボタンに name 属性を追加すると、次の図に示すように、name 属性の値はすべて同じになります。

HTMLでラジオボタンを設定する方法

#6. 最後に、jquery の初期化関数にラジオボタンを選択するメソッドを追加して完了です。

HTMLでラジオボタンを設定する方法

関連する学習に関する推奨事項:

html チュートリアル

以上がHTMLでラジオボタンを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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