根据复选框单击更改表单输入的值

时间:2013-07-30 21:35:59

标签: javascript validation

我有一个带验证的表单,但我正在寻找一种方法来允许复选框强制表单字段的值,以便在单击复选框后验证不会将其视为空白。

我目前有:

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 个答案:

答案 0 :(得分: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