Question

I have need to do two things on a single DOM event

I tried using this but it won’t work.

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>

Any Ideas ?

Answer 1

Do something like this

onkeypress="keyPressed();"

And keyPressed. Have 2 functions in both input box. functions will be,

<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 will be

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

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

JS FIDDLE

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