Невозможно получить javascript, чтобы проверить значение флажка

Question

Мой сценарий довольно прост. У меня есть несколько флажков, и я хочу проверить, отмечены ли они или нет.

Теперь я использую следующее:

 @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 />  

Теперь я гугл почти два часа, и я не хочу тратить больше времени на это. Я пробовал все, от

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

в

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

, а также

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

Может кто-то пожалуйста, объясните мне, в чем разница, и почему-то предположить, почему это не работает? Мне нужно сделать некоторые ссылки для использования jQuery

Answer 1

Вы ищете идентификатор, и вы не присвоили идентификатор своему флажку. изменить эту строку

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

в

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

и ваш Javascript будет качаться.

Answer 2

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

Что вы делаете получает DOM элемент с id=chkColourCoding, но он не существует.

Вы можете добавить id s к своим флажкам или использовать name="theName".

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

Answer 3

Вы пропустили добавить 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> 

Answer 4

внутри Просмотров

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

внутри Script

// Проверяем значение от

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