Question

<input type="text" id="textbox">
<input type="radio" id="radio1" name="on">
<input type="radio" id="radio2" name="off">

只有在选择#radio1（第一页面加载）时才需要显示#textbox。或者在首页加载时选择#radio2，用户点击文本框也应显示的#radio2。

有任何建议怎么做？

Answer 1

如果我得到了你想要的东西：

$(function(){
    if ($('#radio1').is(':checked')){ // if the radio1 is checked when the page
        alert($('#textbox').val());   //  was loaded, display textbox value
    }

    $('#radio2').click(function(){  // When the radio2 is clicked
        alert($('#textbox').val()); // show textbox value.
    });
});

Answer 2

demo

if( $('input#radio1').is(':checked') ){
  $('#textbox').show();
}

$('input#radio1, input#radio2').on('change',function(){
   $('#textbox').show();
});

Answer 3

$(function(){
    $('#radio1').on('click', function() {
      if(this.checked) {
         $('#textbox').show();
      } else $('#textbox').hide();
    }).click();  // firing a initial click

    $('#radio2').on('click', function() {
         $('#textbox').show();
    });
});

jquery检查是否检查了无线电或是否正在检查无线电

3 个答案: