簡體   English   中英

HTML javascript帶有收音機的提交表單

[英]HTML javascript submit form with radio

所以我有一個測驗形式。 它包含問題和答案。 我需要表格上沒有准備好任何收音機的檢查。 我做到了:

$(document).ready(function(){
 $('input[type="radio"]').prop('checked', false)
});

(作為評論)現在,僅當用戶選擇一個答案為每個問題時,我才需要提交表單。 如果問題仍未選中,則應顯示一個警告框,並且不應提交該表格。

形式如下: jsFiddle當然是由PHP在服務器端生成的,但這只是生成后的樣例。 另外,我嘗試的Java函數僅檢查所有問題的所有無線電中的一個。 我需要檢查每個檢查收音機的問題

我該如何實現?

我對jsfiddle http://jsfiddle.net/eVLhD/3/進行了一些修改。

在HTML代碼中,我將每個問題包裝在div中: <div class="question"> </div>

然后在提交功能中,我執行以下操作:針對每個問題,檢查是否有選中的選項。 如果不存在,請停止提交,發出警報並停止循環。

function atleast_onecheckbox(e) {
    var error = 0, i = 1;
    $('div.question').each(function() {
        if ($(this).find(':checked').length === 0) {
            e.preventDefault();
            alert('no way you submit it without checking a box in question ' + i);
            error++;
            return false;
        }
        i++;
    });
    return error === 0;
}      

如果收音機屬於同一收藏集(每個問題),那么用戶應該不可能選擇多個電台。 另一件事,問題是否已解決或是動態的? 我的意思是,您是否總是有相同數量的問題,或者這個數量可以變化嗎?

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM