2013-07-30 155 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