2022-01-05 gitで大文字・小文字区別する / JavaScriptでラジオボタンの値を取得する方法 / ラジオグループの定義
gitで大文字・小文字区別する
デフォルトの設定だと大文字・個別区別しない(case-insensitive)なので、区別するために追加の設定が必要になる点に留意。
【Git】ファイル名の大文字・小文字変換ができないときの対処法 | Katsu07
$ git config core.ignorecase false
JavaScriptでラジオボタンの値を取得する方法
<input id="target" type="radio">
var element = document.getElementById( "target" ) ;
if ( element.checked ) {
// チェックされている
} else {
// チェックされていない
}
form要素内
<form id="target">
<input name="hoge" type="radio" value="a"> A
<input name="hoge" type="radio" value="b"> B
<input name="hoge" type="radio" value="c"> C
</form>
var element = document.getElementById( "target" ) ;
var radioNodeList = element.hoge ;
var a = radioNodeList.value;
if ( a === "" ) {
// 未選択状態
} else {
// aには選択状態の値が代入されている
console.log( a ) ;
}
form要素外
<input name="hoge" type="radio" value="a"> A
<input name="hoge" type="radio" value="b"> B
<input name="hoge" type="radio" value="c"> C
// 要素を取得
var elements = document.getElementsByName( "hoge" ) ;
// 選択状態の値を取得
for ( var a="", i=elements.length; i--; ) {
if ( elements[i].checked ) {
var a = elements[i].value ;
break ;
}
}
if ( a === "" ) {
// 未選択状態
} else {
// aには選択状態の値が代入されている
console.log( a ) ;
}
ラジオグループの定義
<input type=”radio”> - HTML: HyperText Markup Language | MDN
<form>
<p>希望する連絡方法を選択してください。</p>
<div>
<input type="radio" id="contactChoice1"
name="contact" value="email">
<label for="contactChoice1">電子メール</label>
<input type="radio" id="contactChoice2"
name="contact" value="phone">
<label for="contactChoice2">電話</label>
<input type="radio" id="contactChoice3"
name="contact" value="mail">
<label for="contactChoice3">郵便</label>
</div>
<div>
<button type="submit">送信</button>
</div>
</form>