1. ホーム
  2. ジャバスクリプト

[解決済み】チェックしたチェックボックスの値を取得する?

2022-04-06 22:08:43

質問

ということで、こんな感じのコードになりました。

<input class="messageCheckbox" type="checkbox" value="3" name="mailId[]">
<input class="messageCheckbox" type="checkbox" value="1" name="mailId[]">

現在チェックされているチェックボックスの値を取得するJavascriptが必要なだけです。

EDIT : 追加するには、チェックボックスは1つだけです。

解決方法は?

モダンブラウザの場合 :

var checkedValue = document.querySelector('.messageCheckbox:checked').value;

を使用することで jQuery :

var checkedValue = $('.messageCheckbox:checked').val();

ピュアなjavascriptを使用せず jQuery :

var checkedValue = null; 
var inputElements = document.getElementsByClassName('messageCheckbox');
for(var i=0; inputElements[i]; ++i){
      if(inputElements[i].checked){
           checkedValue = inputElements[i].value;
           break;
      }
}