C# と VB.NET の質問掲示板

わんくま同盟

ASP.NET、C++/CLI、Java 何でもどうぞ

C# と VB.NET の入門サイト

■87607 / 親階層)  ラジオボタンのif文の分岐
□投稿者/ N (6回)-(2018/06/13(Wed) 11:35:15)

分類:[JavaScript] 

html/jqueryの環境です。(テキストの拡張子をhtmlに変更して使用しています)

勉強中の初心者です。
ラジオボタン二つを使って、はいだったらラベルに項目を表示、いいえだったらラベルの項目を非表示にする。というものを作りたいと思っています。どちらも選択していない場合はエラーメッセージをだしています。

このように書きました。
jquery:
$("form").submit("click",function(){
//ラジオボタン
if($("input[name='radiobutton']").checked==false){
   flag=1;
}
if($("#radio1").on("checked","ture")){
   $("#hyoji").css("display","");
}else{     
   $("#hyoji").css("display","none");
}
//エラーメッセージ
if(flag==1){
   $("#label").css("display","");
   $("#label").css("color","red");
}else{
   $("#label").css("display","none");
}
});
});

html:
旅行がしたい<input id="radio1" name="radiobutton" type="radio"/><label for="radiobutton">はい</label>
            <input  id="radio2"name="radiobutton" type="radio"/><label for="radiobutton">いいえ</label><p></p>
	    <div id="hyoji" style="display:none;">・北海道 ・福岡 ・愛知</div><p></p>
	    <input type="submit" value="送信">
            <span id="label" style="display:none;">※未入力の項目があります</span>


エラーチェックは上手くいってもラジオボタンの表示、非表示が上手くいきません。また、送信ボタンを押すと、このページは表示できませんと表示されるのですが、どうしてその表示がでるのか分かりません。すみませんが、ご教授お願い致します。

編集キー/

前の記事(元になった記事) 次の記事(この記事の返信)
親記事 →Re[1]: ラシ゛オホ゛タンのif文の分岐 /魔界の仮面弁士
→Re[1]: ラジオボタンのif文の分岐 /WebSurfer
 
上記関連ツリー

ラジオボタンのif文の分岐 / N (18/06/13(Wed) 11:35) #87607 ←Now
Re[1]: ラシ゛オホ゛タンのif文の分岐 / 魔界の仮面弁士 (18/06/13(Wed) 11:57) #87609
│└ Re[2]: ラシ゛オホ゛タンのif文の分岐 / N (18/06/13(Wed) 15:33) #87611
Re[1]: ラジオボタンのif文の分岐 / WebSurfer (18/06/13(Wed) 13:57) #87610
  └ Re[2]: ラジオボタンのif文の分岐 / N (18/06/13(Wed) 15:34) #87612 解決済み

上記ツリーを一括表示 / 上記ツリーをトピック表示
 
上記の記事へ返信