Javascript dom事件的多个条件

Javascript dom事件的多个条件,javascript,Javascript,我需要在一个DOM事件上做两件事 我试过用这个,但没用 HTML Javascript <script> function keyPressedName(str) { if ($(str).val() != '') { $('#sdp_2').prop('checked', false); } else { $('#sdp_2').prop('checked', true);

我需要在一个DOM事件上做两件事

我试过用这个,但没用

HTML


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>

功能键按名称(str){
如果($(str.val()!=''){
$('sdp_2').prop('checked',false);
}否则{
$('sdp_2').prop('checked',true);
}
返回true;
}
功能键按下框(str){
如果($(str.val()!=''){
$('sdp_1').prop('checked',false);
}否则{
$('sdp_1').prop('checked',true);
}
返回true;
}
有什么想法吗?

像这样做吧

onkeypress="keyPressed();"
然后按
。在
输入
框中都有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>

功能键按名称(str){
如果($(str.val()!=''){
$('sdp_2').prop('checked',false);
}否则{
$('sdp_2').prop('checked',true);
}
返回true;
}
功能键按下框(str){
如果($(str.val()!=''){
$('sdp_1').prop('checked',false);
}否则{
$('sdp_1').prop('checked',true);
}
返回true;
}
HTML将是

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

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

JS小提琴


对于初学者,不要试图将所有内容都塞进内联处理程序中。看起来你还有其他一些琐碎的事情。将其移动到一个命名函数中,然后可以附加该函数,然后还可以解释那些前缀变量是什么。格式化该块,我猜还可以更正语法,使其有意义。字符串
“#box”
没有属性
值。你希望盒子是什么?更改你的
$('#名称').val()!=''
$('#name').val()!=''
onkeypress
更改为
onkeypup
我已编辑,您现在可以试试吗。。告诉我什么是
“#框”。值
。您必须编辑该“#框”。值是我的文本框的值。我要做的是,当用户在texbox上键入时,我希望复选框自动取消选中。。这段代码通过按下函数键({code>if('#box.value!=''){document.getElementById('sdp#u 1')。checked=false;}if('#name.value!=''){document.getElementById('sdp#u 2')。checked=false;}返回true;
但它同时运行这两种情况…更改
$('#name')。val()!=''
$('#name').val()!=''我已编辑,它可以工作。像那样传递
按键名称(此)
<input type="test" name="box" id="box" onkeyup="keyPressedBox(this)">

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