![](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ランキング
-
チェックボックスの値を変数に ...
-
slickのレスポンシブ > center...
-
confirmのOK・キャンセルを押し...
-
jquery.csv2table.jsのテーブル
-
ラジオボタンの値でリンク先を...
-
FormのonsubmitでJavaスクリプ...
-
onchangeイベントを強制的に発...
-
if構文
-
ENTERキーを無効にしたいのです...
-
【JS】selectでchangeした時の...
-
return trueとreturn falseの用...
-
jqueryとscriptでTABLEのセルを...
-
JavaScriptで特定のtdタグにcla...
-
2次元配列で2項目についてソー...
-
ページを再読み込み後、再読み...
-
残り時間カウントダウン表示 ...
-
追加ボタンを押した際に ok ボ...
-
1つのformで複数のactionをボタ...
-
Cookieに保存されない
-
submitボタン押下時にPOSTされ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jsp/Java】チェックボックス...
-
チェックボックスのON/OFFでVal...
-
複数のチェックボックス項目が...
-
checkboxをクリックしてリロー...
-
背景色を変えて未入力チェック...
-
チェックボックスの設定
-
チェックボックスのON/OFFに応...
-
EclipseでSpringを使用し、テー...
-
JSP内で可変するチェックボック...
-
オフになっているチェックボッ...
-
複数あるチェックボックスから...
-
チェックボックスが複数ある場...
-
チェックボックスに全てチェッ...
-
確認ページからフォームページ...
-
特定のID(またはクラス)で括ら...
-
チェックボックス
-
ラジオボタンとチェックボック...
-
チェックボックスで指定したも...
-
チェックボックスを使って条件検索
-
配列のチェックボックスをjavas...
おすすめ情報