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