当我点击“其他”单选按钮时没有任何反应。为什么？

Question

可能重复：
A small modification needed in html script using javascript, i m not able to sort out

HTML：

<div class="rButtons"> 
<input type="radio" name="numbers" value="10" onclick="uncheck();" />10 
<input type="radio" name="numbers" value="20" onclick="uncheck();" />20 
<input type="radio" name="numbers" value="other" onchange="blahblahblah();"/>other 
<input type="text" id="other_field" name="other_field" onblur="checktext(this);"/> 
</div> 

CSS：

<style type="text/css"> 
#other_field{ 
visibility: hidden; 
width:40px; 
height:14px; 
border:1px solid #777; 
background-color:#111; 
font-size:10px; 
color:#666; 
} 
</style> 

的jQuery：

<script> 
function blahblahblah() 
{ 
var $radios = $('input:radio[name=numbers]'); 
    if ($radios.is(':checked') === true) { 
     $("#other_field").show(); 
    }  
    else 
    { 
     $("#other_field").hide(); 
    } 
} 
</script> 

一切都很好..但问题是这个..当我点击“其他”单选按钮什么也没有发生..而它应该是打开其他领域。

Answer 1

if ($('input[name=numbers]:checked').val() === 'other') { 
    // show hidden field 
} 

这将发现两者单选按钮checked，并检查其值是“其他”。

Answer 2

如果blahblahblah只被other单选按钮调用，则不需要担心所写的大部分逻辑。尝试通过jQuery专门绑定处理程序到other单选按钮。

HTML：

<input type="radio" id="otherRadio" name="numbers" value="other"/>other 

JS：

$('#otherRadio').on('change', function() { 
    if (this.checked) { 
     $("#other_field").show(); 
    } else { 
     $("#other_field").hide(); 
    } 
}); 

如果你无法将ID添加到标记由于某种原因，你可以在它的地方，如$('input[type="radio"]:contains("other")');使用不同的选择

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新问题

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相关问题

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.