2013-08-26 1 views
0

У меня есть эта проблема, которую я не могу решить. Отчасти потому, что я не могу объяснить это правильными условиями. Я новичок в этом, так жаль этот неуклюжий вопрос.Установите флажок или не используйте Javascript

Ниже вы можете увидеть обзор моих целей.

Я бегу этот код в Magento

<input type="checkbox" style="margin-left:24px" class="mydelete" name="checkAll" onclick='checkedAll(testCheck);' /> 
+0

И я планируете получить собственность usin g класс или имя – Naresh

ответ

2

Добавлено атрибут идентификатора элемента.

<input type="checkbox" style="margin-left:24px" class="mydelete" name="checkAll" id="checkAll"onclick='checkedAll();' /> 

Javascript

function checkedAll(){ 
    if (document.getElementById('checkAll').checked) { 
     alert("checked"); 
    } else { 
     alert("You didn't check it! Let me check it for you.") 
    } 
} 

DEMO

+0

ну у него нет идентификатора 'checkAll' .. –

+2

Вот почему я упомянул об этом в своем ответе –

+0

Спасибо за ответ Я пробовал этот только один, но его не работал в стороне Magento – Naresh

2

Если вы гибкий с помощью jQuery, вы можете легко сделать что-то вроде -

$("input:checkbox").is(":checked") 

, которая будет возвращать логическое значение б о том, проверено ли это поле ввода или нет.

+2

вопрос не имеет тега jquery. –

2

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

var checkprop = document.getElementsByName("checkAll").checked; 
alert(checkprop); 

EDIT

function checkedAll() 
{ 
    var theform = document.theform; 
    if(theform.checkAll.checked) 
    { 
     alert("checkAll Checked"); 
    } else { 
     alert("Nothing Selected"); 
    } 
} 
<form name="theform"> 
    <input type="checkbox" style="margin-left:24px" class="mydelete" name="checkAll" onclick='checkedAll();' /> 
</form> 
+0

@thanks for the reply Но его предоставление «undefined» в предупреждающем сообщении и я забыл сказать, что я делаю это в magento. – Naresh

+0

Конечно, это не сработает, потому что 'getElementsByName' возвращает коллекцию элементов. – Strelok

+0

@Naresh см. Отредактированный код ... я его протестировал. –

0

Если вы хотите проверить, если флажок установлен:

<script> 
function displayResult() 
{ 
var x=document.getElementById("checkboxid"); 
alert(x.checked); 
} 
</script> 

и в вашем теле:

<button type="button" onclick="displayResult()">Display value</button> 
Смежные вопросы