チェックボックスの値を取得しますか？

だから私はこのようなコードを持っています：

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

現在チェックされているチェックボックスの値を取得するには、JavaScriptが必要です。

編集：追加するには、チェックボックスが1つだけあります。

最新のブラウザの場合：

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

を使用してjQuery：

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

なしの純粋なJavaScriptjQuery：

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

上記のどれも私にとってはうまくいきませんでしたが、これを単に使用してください：

document.querySelector('.messageCheckbox').checked;

ハッピーコーディング。

私はコードでこれを使用しています。これを試してください

var x=$("#checkbox").is(":checked");

チェックボックスがオンの場合はxtrue、それ以外の場合はfalseになります。

単純なJavaScriptで：

function test() {
    var cboxes = document.getElementsByName('mailId[]');
    var len = cboxes.length;
    for (var i=0; i<len; i++) {
        alert(i + (cboxes[i].checked?' checked ':' unchecked ') + cboxes[i].value);
    }
}

function selectOnlyOne(current_clicked) {
    var cboxes = document.getElementsByName('mailId[]');
    var len = cboxes.length;
    for (var i=0; i<len; i++) {
        cboxes[i].checked = (cboxes[i] == current);
    }
}

これは直接質問に答えることはできませんが、将来の訪問者を助けるかもしれません。

変数を常にチェックボックスの現在の状態にしたい場合（その状態をチェックし続ける必要はありません）、onchangeその変数を設定するようにイベントを変更できます。

これはHTMLで行うことができます：

<input class='messageCheckbox' type='checkbox' onchange='some_var=this.checked;'>

またはJavaScriptを使用：

cb = document.getElementsByClassName('messageCheckbox')[0]
cb.addEventListener('change', function(){some_var = this.checked})

これを使って：

alert($(".messageCheckbox").is(":checked").val())

これは、チェックするチェックボックスがクラス「messageCheckbox」を持っていることを前提としています。そうでない場合、入力がチェックボックスタイプなどであるかどうかをチェックする必要があります。

<input class="messageCheckbox" type="checkbox" onchange="getValue(this.value)" value="3" name="mailId[]">

<input class="messageCheckbox" type="checkbox" onchange="getValue(this.value)" value="1" name="mailId[]">

function getValue(value){
    alert(value);
}

Semantic UI Reactを使用している場合、dataは2番目のパラメーターとしてonChangeイベントに渡されます。

したがってchecked、次のようにプロパティにアクセスできます。

<Checkbox label="Conference" onChange={(e, d) => console.log(d.checked)} />

上記のどれも、ボックスがチェックされていないときにコンソールにエラーをスローせずに機能しなかったため、代わりにこれらの行に沿って何かを行いました（onclickおよびチェックボックス関数はデモ目的でのみ使用されており、私のユースケースでは、より大きなフォーム送信機能）：

function checkbox() {
  var checked = false;
  if (document.querySelector('#opt1:checked')) {
     checked = true;
  }
  document.getElementById('msg').innerText = checked;
}

<input type="checkbox" onclick="checkbox()" id="opt1"> <span id="msg">Click The Box</span>

私のプロジェクトでは、通常、次のスニペットを使用します。

var type[];
$("input[name='messageCheckbox']:checked").each(function (i) {
                type[i] = $(this).val();
            });

そして、それはうまくいきます。宜しくお願いします。