無法獲取javascript工作來檢查複選框的值

我的場景很簡單。我有幾個複選框，我想檢查它們是否被選中。無法獲取javascript工作來檢查複選框的值

現在我使用的是以下幾點：

 @Html.CheckBox("chkColour")<br /> 
     <input type="checkbox" name="chkColourCoding" value="Colour Coding" />Colour coding<br /> 
     <input type="checkbox" name="chkDoggyBars" value="Doggy Bars" />Doggy bars<br /> 
     <input type="checkbox" name="chkLadderRacks" value="Ladder Racks" />Ladder racks<br /> 
     <input type="checkbox" name="chkCabSliders" value="Cab Sliders" />Cab sliders<br /> 
     <input type="checkbox" name="chkBrakeLights" value="Brake Lights" />Brake Lights<br /> 
     <input type="checkbox" name="chkInteriorLights" value="Interior Lights" />Interior Lights<br /> 
     <input type="checkbox" name="chkRubberising" value="Rubberising" />Rubberising<br /> 
     <input type="checkbox" name="chkRoofRacks" value="Roof Racks" />Roof racks<br />

現在我GOOGLE了近兩個小時，我不想浪費這個時間了。我用盡了一切從

var check = document.getElementById('chkColourCoding'); 
if (check.checked) 
{}

到

if($("#chkColourCoding").prop('checked')) 
{}

也

if($('.chkColourCoding').is(':checked')) 
{}

可有人請向我解釋有什麼區別和說明爲什麼事情爲什麼不工作？我是否需要做一些參考以使用jQuery

來源

2014-09-04 Ruaan Volschenk

您正在查找id，並且您尚未將id分配給您的複選框。此行

<input type="checkbox" name="chkColourCoding" value="Colour Coding" />

改變

<input type="checkbox" name="chkColourCoding" value="Colour Coding" id="chkColourCoding" />

和你的JavaScript將晃動。

來源

2014-09-04 07:06:14 Satya

感謝您的幫助！愚蠢的錯誤... – 2014-09-04 07:14:24

接受答案，如果它幫助 – Satya 2014-09-04 07:15:50

if($("#chkColourCoding").prop('checked')){}

你在做什麼越來越有id=chkColourCoding一個DOM元素，但它不存在。

您可以將id s添加到您的複選框或使用name="theName"。

if($('input[name="chkColourCoding"').is(':checked')){ 
    //your function 
}

來源

2014-09-04 07:08:01 Xlander

大聲笑...菜鳥的錯誤。謝謝您的幫助！ – 2014-09-04 07:13:33

哈哈。沒關係。這就是我們學習的方式。別客氣。 – Xlander 2014-09-04 07:16:34

你已經錯過了加ID

見下面的工作代碼...

@Html.CheckBox("chkColour")<br /> 
     <input type="checkbox" id="chkColourCoding" checked 
     name="chkColourCoding" value="Colour Coding" />Colour coding<br /> 
     <input type="checkbox" name="chkDoggyBars" value="Doggy Bars" />Doggy bars<br /> 
     <input type="checkbox" name="chkLadderRacks" value="Ladder Racks" />Ladder racks<br /> 
     <input type="checkbox" name="chkCabSliders" value="Cab Sliders" />Cab sliders<br /> 
     <input type="checkbox" name="chkBrakeLights" value="Brake Lights" />Brake Lights<br /> 
     <input type="checkbox" name="chkInteriorLights" value="Interior Lights" />Interior Lights<br /> 
     <input type="checkbox" name="chkRubberising" value="Rubberising" />Rubberising<br /> 
     <input type="checkbox" name="chkRoofRacks" value="Roof Racks" />Roof racks<br />  


     <script language="javascript"> 
     var check = document.getElementById('chkColourCoding'); 
if (check.checked) 
{ 
    alert("Checked"); 
} 
else 
{ 
     alert("Not Checked"); 
} 


     </script>

來源

2014-09-04 07:08:32 Brijesh

大聲笑...感覺像一個白癡。謝謝您的幫助！ – 2014-09-04 07:15:09

內查看

<div> 
<input type="checkbox" class="checkbox" name="checkbox" /> 
</div>

腳本內

//校驗值

var v = $('.checkbox').is(':checked') 
     if (v == true) 
      alert('true'); 
     else 
      alert('false');

來源

2014-09-04 10:19:32

無法獲取javascript工作來檢查複選框的值

回答

相關問題