前端HTML 在js中设置input输入框输入内容时触发

我设置的是两个输入框 其中一个输入内容 另外一个就不能进行操作了

图例：

html 代码：

<div class="form-group">
        <label for="inputtrigger_methods3" class="col-sm-2 control-label">触发方法</label>
        <div class="col-sm-10">
            <input type="text" class="trigger_methods form-control" id="inputtrigger_methods3"
                   placeholder="trigger_methods" name="trigger_methods">
        </div>
    </div>
    <div class="form-group">
        <label for="inputexecute_command3" class="col-sm-2 control-label">执行命令</label>
        <div class="col-sm-10">
            <input type="text" class="execute_command form-control" id="inputexecute_command3"
                   placeholder="execute_command" name="execute_command">
        </div>
    </div>

js 代码：

$(function () {
    $(".execute_command").keyup(function () {
        console.log('到input操作')
        var len = $(this).val().length;
        if (len >= 1) {
            console.log('111111')
            document.getElementById('inputtrigger_methods3').setAttribute('disabled', 'disabled');
        } else {
            document.getElementById('inputtrigger_methods3').removeAttribute('disabled');
        }

    })

    $(".trigger_methods").keyup(function () {
        console.log('到input操作')
        var len = $(this).val().length;
        if (len >= 1) {
            console.log('111111')
            document.getElementById('inputexecute_command3').setAttribute('disabled', 'disabled');
        } else {
            document.getElementById('inputexecute_command3').removeAttribute('disabled');
        }

    })

})