Как проверить, установлен ли флажок в jQuery?
Действующие маркеры регулярных выражений различаются в зависимости от реализации. Наиболее общей формой, которую я знаю, будет:
[0-9]+(\.[0-9][0-9]?)?
Самый компактный:
\d+(\.\d{1,2})?
Оба предполагают, что вы должны иметь как минимум одну цифру до, так и одну после десятичное место.
Чтобы потребовать, чтобы вся строка была числом этой формы, оберните выражение в начальные и конечные теги, например (в форме Perl):
^\d+(\.\d{1,2})?$
ДОБАВЛЕН: Завершена дробная часть в ()? чтобы сделать его необязательным. Имейте в виду, что это исключает такие формы, как «12.» В том числе это будет больше похоже на ^\d+\.?\d{0,2}$.
Добавлено: используйте этот формат ^\d{1,6}(\.\d{1,2})?$, чтобы остановить повторение и дать ограничение на всю часть десятичного значения.
8 ответов
У меня это сработало:
$get("isAgeSelected ").checked == true
Где isAgeSelected - идентификатор элемента управления .
Также отлично работает ответ @ karim79 . Я не уверен, что я пропустил во время тестирования.
Обратите внимание: в этом ответе используется Microsoft Ajax, а не jQuery
можно попробовать событие изменения флажка
$("#isAgeSelected").on('change',function(){
if($("#isAgeSelected").is(':checked'))
alert("checked");
else{
alert("unchecked");
}
});
Действовать на флажок, проверяемый или непроверенный по щелчку.
<input type="checkbox" id="customCheck1">
$('#customCheck1').click(function () {
if (this.checked == true) {
console.log('checked');
}
else {
console.log('un-checked');
}
});
Я считаю, что вы могли бы это сделать:
if ($('#isAgeSelected :checked').size() > 0)
{
$("#txtAge").show();
} else {
$("#txtAge").hide();
}
How do I successfully query the checked property?
The checked property of a checkbox DOM element will give you the checked state of the element.
Given your existing code, you could therefore do this:
if(document.getElementById('isAgeSelected').checked) {
$("#txtAge").show();
} else {
$("#txtAge").hide();
}
However, there's a much prettier way to do this, using toggle:
$('#isAgeSelected').click(function() { $("#txtAge").toggle(this.checked); }); Я использую это, и это работает абсолютно нормально:
$("#checkkBoxId").attr("checked") ? alert("Checked") : alert("Unchecked");
Примечание: Если флажок установлен, он вернет true, иначе undefined, поэтому лучше проверять значение "TRUE".
В чистом js флажке состояние легче читать
isAgeSelected.checked
function check() {
txtAge.style.display= isAgeSelected.checked ? 'block':'none';
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Age <input type="checkbox" id="isAgeSelected"/>
<button onclick="check()">Check</button>
<div id="txtAge" style="display:none">
Age is selected
</div> Привет можно использовать плоскость Javascript, как так:
document.getElementById('checkboxOption').addEventListener('click',
event => console.log(event.target.checked)
);<label><input type="checkbox" id="checkboxOption">Check Option</label>