禁用 <select>启用复选框时

Question

当启用ID为“ exactage”的复选框时，我想使用Javascript将属性disable =“ disabled”设置为ID年龄为2。 有任何想法吗？ 提前致谢。 一个快乐的编码器:)

 <select id="age">
        <option value="18"><18</option>
    </select>

    <select id="age2">
        <option value="18"><18</option>
    </select>

   <input type="checkbox" id="exactage"/> Require exact age

Answer 1

请注意，当我编写此答案时，我有一个短暂的盲点：我可能发誓我看到了一个jquery标签。 叹。 我的错误是，现在不值得修改此答案，因为发布了其他功能纯JS答案，所以我无法改进。

但是，我将其更改为社区Wiki，暂时将其保留为进一步的信息。

---

如果您使用的是jQuery， 则以下内容应该为您工作（有关盲区，请参阅我上面的附录）：

$('#exactage').change(
    function(){
        if ($(this).is(':checked')){
            $('#age2').prop('disabled',true);
        }
        else {
            $('#age2').prop('disabled',false);
        }
    });

在#exactage复选框的change事件中， if检查$(this)是否$(this) :checked 。 如果是，则设置#age2元素的disabled属性，否则它将删除/取消设置disabled属性。

参考文献：

• change() 。
• :checked选择器 。
• is() 。
• prop() 。

Answer 2

如果启用，则表示已选中

if(document.getElementById('exactage').checked)
    document.getElementById('age2').setAttribute('disabled', 'disabled');

如果“启用”实际上是指“启用”，则可以执行以下操作：

if(document.getElementById('exactage').getAttribute('disabled') !== null)
    document.getElementById('age2').setAttribute('disabled', 'disabled');

Answer 3

您可以尝试onclick或onselect（我认为有类似的东西）属性来调用方法在方法try中

document.getElementById('age2').setEnabled(false) 

要么

    document.getElementById('age2').disabled=disabled

沿着这条线..我不记得了:(

Answer 4

尝试使用以下内容。

if(document.getElementById('exactage').checked)
{
    document.getElementById('age2').disabled=true;
}

Answer 5

首先你需要这些

function changeState(id, state)
{
    if(state == 0)
        document.getElementById(id).disabled = true;
    else
        document.getElementById(id).disabled = false;
}

function toggleFields(id, state)
{
    var e=document.getElementById(id);
    if(!e)return true;
    if(state == 1)
    {
        e.style.display=""
    }
    else
    {
        e.style.display="none";
    }
    return true;
}

其次是这些

function checkBoxState(check_box_id, field_id, flag)
{
    if(document.getElementById(check_box_id).checked)
    {
        if(flag == 1)
            toggleFields(field_id, 1);
        else if(flag == 0)
            changeState(field_id, 1);
        document.getElementById(check_box_id).value = 1;
    } else {
        if(flag == 1)
            toggleFields(field_id, 0);
        else if(flag == 0)
            changeState(field_id, 0);
        document.getElementById(check_box_id).value = 0;
    }
}

function reversedCheckBoxState(check_box_id, field_id, flag)
{
    if(document.getElementById(check_box_id).checked)
    {
        if(flag == 1)
            toggleFields(field_id, 0);
        else
            changeState(field_id, 0);
        document.getElementById(check_box_id).value = 1;
    } else {
        if(flag == 1)
            toggleFields(field_id, 1);
        else
            changeState(field_id, 1);
        document.getElementById(check_box_id).value = 0;
    }
}

现在，您要做的就是运行reversedCheckBoxState（“ exactage”，“ age2” 0）或运行reversedCheckBoxState（“ exactage”，“ age2” 1）

请享用！