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

Change value of form input based on check box click

本文关键字：表单 输入 复选框 单击      更新时间：2023-09-26

我有一个带有验证的表单，但我正在寻找一种方法，允许复选框强制为表单字段设置值，这样一旦单击复选框，验证就不会将其视为空白。

我目前有：

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>

这样，它就不会是空白的，它会说"已检查"允许验证通过？

那么，您是否正在寻找能够在勾选复选框后设置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

相关文章：