2013-07-30 120 views
0

我有一個帶有驗證的表單,但是我正在尋找一種方法來允許複選框爲表單字段強制一個值,以便驗證不會將其視爲空白複選框被單擊。根據複選框點擊更改表單輸入的值

我目前有:

if (document.drop_list.Make.value == "") 

    { 

     message = message + "Make is missing\n"; 

     valid = false; 

    } 

我也有一個複選框,使用此功能:

// add event handler to checkbox 
    element.addEventListener('change', function() { 
// inside here, this refers to the checkbox that just got changed 
    textbox = document.getElementById('textbox_1'); 
    textbox.disabled = this.checked; 

我可以補充一下該函數來強制值:

<SELECT class="enteredMake" onchange=SelectModel(); name=Make id="textbox_2"> 
<OPTION selected value="">Vehicle Make</OPTION> 
</SELECT> 

這樣,它不會是空白的,它會說,「檢查」 允許驗證通過?

回答

1

那麼你是否在尋找一些設置select框的值,一旦複選框被勾選?例如:

selectbox = document.getElementById('myselectbox'); 
checkbox = document.getElementById('mycheckbox'); 

checkbox.addEventListener('change', function() { 
    selectbox.value = "1" 
}); 

HTML:

<input type="checkbox" id="mycheckbox" /> 
<select id="myselectbox"> 
    <option value="-1">Please select...</option> 
    <option value="1">1</option> 
</select> 

JSFiddle

+0

當我改變myselectbox反映一個文本輸入字段這工作。當我檢查盒子時,我看到「1」appiear。但是當我嘗試使用選項選擇表單元素時,它只是變爲空白,並且未設置值。有沒有JavaScript來設置選定的選項值? – user1789437

+0

因此[**代碼**](http://jsfiddle.net/3ww9W/)不適合您?讓我知道,我可能誤解了你的問題。 –

+0

對不起,是我的錯。它的工作很棒! – user1789437