Sử dụng jQuery, ẩn hộp văn bản nếu nút radio được chọn

Question

Tôi có 2 nút radio, những gì tôi muốn là nếu người dùng chọn nút radio trên cùng thì ẩn một hộp văn bản.

Không chắc chắn cách liên kết sự kiện với nút radio.

Answer 1

Something như thế này:

<input type="radio" name="foo" value="top" /> 
<input type="radio" name="foo" value="bottom" /> 

Và trong jQuery:

$('input[name=foo]').click(function() { 
    if($(this).val() == "top") { 
     $('#textbox').hide(); 
    } else { 
     $('#textbox').show(); 
    } 
}); 

click vì change dường như không hoạt động chính xác trên IE.

Answer 2

Điều này sẽ cho phép bạn thêm sự kiện vào radio đã chọn, trong trường hợp radio của bạn không có cùng tên.

$('checkbox-selector').click(function() { 
    if ($(this).is(':checked')) { 
     $('textbox-selector').hide(); 
    } 
    else { 
     $('textbox-selector').show(); 
    } 
});