當我點擊「其他」單選按鈕時沒有任何反應。爲什麼？

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.