![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.1ベストアンサー
- 回答日時:
ラジオボタンとチェックボックスは仕様が違うので完全にリンクするのは難しいですが
jQueryを使うならこんな感じで
<script>
$(function(){
var r2c={"A":"a","B":"b","C":"c"};
var c2r={"a":"A","b":"B","c":"C"};
$('[name=hoge]').click(function(){
$('.fuga').prop('checked',false);
$('input[name='+r2c[$(this).val()]+']').prop('checked',true);
});
$('.fuga').click(function(){
var me=$(this)[0];
$('.fuga').each(function(){
if($(this)[0]!==me) $(this).prop('checked',false);
});
$('input[name=hoge][value='+c2r[$(this).prop('name')]+']').prop('checked',$(this).prop('checked'));
});
});
</script>
A:<input type="radio" name="hoge" value="A" checked>
B:<input type="radio" name="hoge" value="B">
C:<input type="radio" name="hoge" value="C">
<hr>
a:<input type="checkbox" name="a" class="fuga" value="1" checked>
b:<input type="checkbox" name="b" class="fuga" value="1">
c:<input type="checkbox" name="c" class="fuga" value="1">
この回答へのお礼
お礼日時:2016/09/02 15:07
yambejp 様
ありがとうございます!
ご回答頂いたソースで連動するのが確認できました、思っていたより難しいのですね…。
このソースを紐解いて、勉強したいと思います。
とても助かりました、ありがとうございます!m(_ _)m
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jquery 診断コンテンツにチェックボックスを付けたいです 3 2023/01/19 18:31
- 迷惑メール・スパム gmailの過去のメールを一括削除する方法について 3 2023/04/19 05:27
- Excel(エクセル) たくさんあるフォームコントロールを効率よく確認するには 1 2022/12/24 12:27
- Access(アクセス) チェックボックスにチェックが入った後の挙動 1 2022/08/21 12:39
- PHP php ラジオボタン 3 2022/11/17 16:36
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- Access(アクセス) Accessで予定表を作成しようとしてます。 テーブル フィールド名 連番 オートナンバー型 年月日 2 2023/07/23 11:40
- JavaScript jsで診断コンテンツのページ内切り替えについて 1 2023/04/14 17:31
- SQL Server DBのテーブルの設計ができず困っています。 2 2023/06/29 16:43
- JavaScript javaScriptで画面に値を入れるには 1 2022/08/14 12:27
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
確認ページからフォームページ...
-
チェックボックスを利用した表...
-
return trueとreturn falseの用...
-
プルダウン選択を変更すると、...
-
slickのレスポンシブ > center...
-
FormのonsubmitでJavaスクリプ...
-
onchangeイベントを強制的に発...
-
submitがおされた同時に JavaSc...
-
select要素のvalueを配列で取得...
-
Selectボックスの幅を自動で広...
-
HTMLファイル同士での値渡し
-
ラジオボタンの値でリンク先を...
-
ラジオボタンとプルダウンを連...
-
Selectの中身をfor文で入れる
-
JQuery selectが反映されない
-
onClickとsubmitの処理順序
-
javascriptで入力禁止文字をチ...
-
プルダウンで選択すると、DBの...
-
dijit.form.ComboBoxについて
-
セレクトボックスを2つ選択して...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jsp/Java】チェックボックス...
-
チェックボックスのON/OFFでVal...
-
複数のチェックボックス項目が...
-
checkboxをクリックしてリロー...
-
背景色を変えて未入力チェック...
-
チェックボックスの設定
-
チェックボックスのON/OFFに応...
-
EclipseでSpringを使用し、テー...
-
JSP内で可変するチェックボック...
-
オフになっているチェックボッ...
-
複数あるチェックボックスから...
-
チェックボックスが複数ある場...
-
チェックボックスに全てチェッ...
-
確認ページからフォームページ...
-
特定のID(またはクラス)で括ら...
-
チェックボックス
-
ラジオボタンとチェックボック...
-
チェックボックスで指定したも...
-
チェックボックスを使って条件検索
-
配列のチェックボックスをjavas...
おすすめ情報