简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

チェックボックスで項目を 1 つだけ選択する方法_JavaScript スキル

WBOY
リリース： 2016-05-16 17:20:40
オリジナル
1368 人が閲覧しました

js の場合:

コードをコピー コードは次のとおりです。

functionchooseOne(chk){
//まず、同じ名前の chekcBox のコレクション オブジェクトを取得します。
var obj = document.getElementsByName("chk");
for (i=0; i//obj コレクション内の i 要素が cb であるかどうかを判断します。そうでない場合は、選択されていないことを意味します
if (obj[i]!=chk) obj[i].checked = false; //少なくとも 1 つをチェックするには、その場合、上の else 行を削除し、次の行に置き換えます。
else obj[i].checked = true;


jsp ページ:


コードをコピー コードは次のとおりです: <入力タイプ="チェックボックス" id="$ {userGroup.groupId}" name="chk" onClick="chooseOne(this)">
関連ラベル：
チェックボックス
ソース：php.cn
前の記事：jquery_jquery で一般的に使用される SET および GET$("#msg").html ループの概要 次の記事：JavaScript が div 属性とスタイルを動的に作成するサンプル コード_javascript スキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Reactjsで複数のチェックボックスを選択する方法 複数のチェックボックスを選択したいオプションのリストがありますが、選択することができません。このコードの何が問題なのでしょうか?サンドボックスの URL
から 2024-04-06 18:55:21
0
1
396
MERN スタックの検索ボックスとチェックボックスの正規表現フィルター 私は実行しながら学習することで MERN スタックがどのように連携するかを理解しようとしており、bezcoder の次のチュートリアルに従っています: Node.js/Expres...
から 2024-04-06 14:53:12
0
1
425
送信後に選択したチェックボックスの値を印刷する方法 これは、データを送信するために必要なチェックボックスとボタンのリストです。<label>AccessLocations</label><br/>...
から 2024-04-06 13:07:43
0
2
337
Symfony 5 のカスタムデフォルト利用規約チェックボックス 私は symfony を初めて使用するので、登録ページを構築しようとしています。フォームとフィールドは FormType を通じて生成されますが、利用規約チェックボックスの外観を変...
から 2024-04-04 22:42:19
0
1
1365
エンドユーザーの現在の選択に基づいて選択ボックスから選択したオプションを移動するには、jquery スクリプトが必要です エンドユーザーが選択ボックス要素を介してアイテムをランク付けできる HTML ページがあります。簡単なデモを確認するには、フィドルを参照してください: https://jsfidd...
から 2024-04-04 18:40:04
0
1
3528
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！