javascript - dom事件的多个条件

Question

我需要对单个 DOM 事件做两件事

我尝试使用它，但它不起作用。

HTML

<input type="test" name="box" id="box" onkeyup="keyPressedBox(this)">
<input type="test" name="name" id="name" onkeyup="keyPressedName(this)">

<input type="checkbox" class="form-checkbox" checked="checked" id="sdp_1" name="sdp_1" />
<input type="checkbox" class="form-checkbox" checked="checked" id="sdp_2" name="sdp_2"/>

Javascript

<script>
     function keyPressedName(str) {
        if ($(str).val() != '') {
            $('#sdp_2').prop('checked', false);
        } else {
            $('#sdp_2').prop('checked', true);
        }

        return true;
    }

    function keyPressedBox(str) {
        if ($(str).val() != '') {
            $('#sdp_1').prop('checked', false);
        } else {
            $('#sdp_1').prop('checked', true);
        }
        return true;
    }


</script>

有任何想法吗 ？

Answer 1

做这样的事情

onkeypress="keyPressed();"

和keyPressed。input两个盒子里都有 2 个功能。功能将是，

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
        function keyPressedName(str) {
            if ($(str).val() != '') {
                $('#sdp_2').prop('checked', false);
            } else {
                $('#sdp_2').prop('checked', true);
            }

            return true;
        }

        function keyPressedBox(str) {
            if ($(str).val() != '') {
                $('#sdp_1').prop('checked', false);
            } else {
                $('#sdp_1').prop('checked', true);
            }
            return true;
        }

    </script>

HTML 将是

<input type="test" name="box" id="box" onkeyup="keyPressedBox(this)">

<input type="test" name="name" id="name" onkeyup="keyPressedName(this)">

JS小提琴

http://jsfiddle.net/RMEKh/2/