0

HTML: 

<input id="otherCheckbox2" type="checkbox" value="Accepted" style="color: Black" class="chkdisplay" onchange="javascript:othercheckbxdisplay();" /> 
  <span style="color: Black">Accepted</span> <br />
<input id="otherCheckbox3" type="checkbox" value="Contracted" style="color: Black" class="chkdisplay" onchange="javascript:othercheckbxdisplay();" />
  <span style="color: Black">Contracted</span> <br />
<input id="otherCheckbox4" type="checkbox" value="Pending" style="color: Black" class="chkdisplay" onchange="javascript:othercheckbxdisplay();" />
   <span style="color: Black">Pending</span><br />
<input id="otherCheckbox5" type="checkbox" value="Pre-Authorized" style="color: Black"  class="chkdisplay" onchange="javascript:othercheckbxdisplay();" />
   <span style="color: Black">Pre-Authorized</span> <br />
<input id="otherCheckbox6" type="checkbox" value="Show Deleted" style="color: Black" class="chkdisplay" onchange="javascript:othercheckbxdisplay();" />
   <span style="color: Black">Show Deleted</span> <br />
<input id="otherCheckbox7" type="checkbox" value="Treated" style="color: Black"　class="chkdisplay"　onchange="javascript:othercheckbxdisplay();" />
　　<span style="color: Black">Treated</span> <br />

jqueryを使用したMY JavaScript関数ですが、機能しません。ボタンクリックでこの関数を呼び出しました。ボタンをクリックすると起動しますalert("hi");が、起動しませんalert(index); また、私の主な質問と私だけがこの質問の方法を説明します

 function ShowHideDxColumn() {
                alert("hi");
                $(".ckhdisplay").each(function (index) {
                    if ($(this).is(":checked")) {
                        alert(index);
                    }
                });
            }

ありがとう

4

2 に答える 2

3

タイプミスが.ckhdisplayあります.chkdisplay。.eachそのため、指定されたクラスには要素がないため、呼び出しには反復する要素がありません。

 function ShowHideDxColumn() {
     alert("hi");
     $(".chkdisplay").each(function (index) {
         if ($(this).is(":checked")) {
             alert(index);
         }
     });
 }

実際には、それぞれに条件は必要ありません。チェックボックスを選択するだけです。

$(".chkdisplay:checked").each(function(index){
    console.log(this);
});
于 2013-06-24T07:07:24.743 に答える
0

これを試してください：

$.each($(".chkdisplay"), function(index, element) {
    if ($(this).attr('checked')){
        alert(index);
    }
});
于 2013-06-24T07:07:33.547 に答える