你的位置:首页 > Java教程

[Java教程]jquery实现点击radio,当选中‘其它’时,显示后面输入框;否则隐藏

有时候会遇到这么一个很简单的功能:

jquery实现点击radio,当选中‘其它’时,显示后面输入框;否则隐藏

html代码:

<div> <input type="radio" name="rd" class="same" value='选项二' >选项一 <input type="radio" name="rd" class="same" value='选项二'>选项二 <input type="radio" name="rd" class="same others" value='其它'>其它 <input type="text" name="txt" class="txt" value=""/> </div>

jquery代码:

$(function(){  $(".same").click(function(){    $(this).siblings().attr("checked",false);    $(this).attr("checked",true);     if($(this).attr("class").indexOf('others')>=0){       $(this).siblings('.txt').show();    }    else{      $(".others").siblings('.txt').hide();    }  });})

注释: if语句也可以使用if($(this).hasClass("others"))进行判断。

如果你有更好的解决办法请留言交流,谢谢!

 

作者:风雨后见彩虹

出处:http://www.cnblogs.com/moqiutao/

如果您觉得本文对您的学习有所帮助,请多支持与鼓励。