[英]jQuery: Cannot check if radio button is selected
我有以下表格:
<div class="form-radios">
<!-- OPTION #1 -->
<div class="form-item form-type-radio">
<input type="radio" name="auswahl_radio" id="option1" class="form-radio"> <label class="option" for="option1">Option 1</label>
<div class="radio-supplement">
<p>Please accept:</p>
<input type="checkbox" id="checkbox_1" value="beer"><a href="#">Checkbox 1</a>
<input type="checkbox" id="checkbox_2" value="wine"><a href="#">Checkbox 2</a>
</div>
</div>
<!-- OPTION #2 -->
<div class="form-item form-type-radio">
<input type="radio" name="auswahl_radio" id="option2" class="form-radio"> <label class="option" for="option2">Option 2 </label>
</div>
<!-- OPTION #3 -->
<div class="form-item form-type-radio">
<input type="radio" name="auswahl_radio" id="option3" class="form-radio"> <label class="option" for="option3">Option 3</label>
</div>
</div>
我要實現的是, 當用戶單擊“提交”按鈕並選中“選項1”時,我的腳本將檢查包含div.radio-supplement中的兩個復選框是否都被選中。 如果未選中其中至少一項,則不得發送表格。
這是我想出的相關jQuery腳本,但不起作用:
var checkbox_1 = $('#checkbox_1').prop('checked');
var checkbox_2 = $('#checkbox_2').prop('checked');
if ($("#option1").is(':checked')) {
if ( (checkbox_1 == true) && (checkbox_2 == true) ) {
return true;
} else {
$('.messages_error').html('At option1 please check both checkboxes');
window.scrollTo(0,0);
return false;
};
};
你們中有人看到錯誤嗎?
試試這個:
var radios = jQuery("input[name='auswahl_radio']");
var radio_is_checked = radios.filter(":checked") ;
然后檢查此radio_is_checked變量。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.