TTIL

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>