jquery判断radio选中与否进而显示或隐藏某个div

定义一个函数来判断这个radio是否被选中,方法是通过jq的选择器得到这个被checked的radio的值,如果没被选中,则为null啦,然后if分支,去显示隐藏某个div。

function issetshoplist_theme2() {
		var value0 = $(‘input:radio[value=shoplist_theme2]:checked‘).val();
		if(value0 != null) {$(‘#theme2set‘).show();}
		else {$(‘#theme2set‘).hide();}
}

然后,每个radio的click事件发生后,function函数体后执行上面那个函数,显示隐藏某个div。

$("input[name=shoplist_theme]").click(function(){
		var value = $(‘input[name=shoplist_theme]:checked‘).val();
		$("#iframe2").attr("src","__ROOT__/index.php/Home/Index/ShopList/theme/" + value);
		issetshoplist_theme2();
});

  

ps:在$(document).ready时也要调用一下这个函数喔···

  

时间: 2024-10-09 13:20:53

jquery判断radio选中与否进而显示或隐藏某个div的相关文章

JQuery判断radio是否选中并获取选中值的示例代码

这篇文章主要介绍了JQuery判断radio是否选中并获取选中值的方法,代码很简单,但很实用,需要的朋友可以参考下 其他对radio操作功能,以后在添加.直接上代码,别忘记引用JQuery包 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 <!DOCTYPE html PUBLIC "

JQuery判断radio是否选中,获取选中值

/*---------------------------JQuery判断radio是否选中,获取选中值----------------------------------*/ 其他对radio操作功能,以后在添加.直接上代码,别忘记引用JQuery包 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit

JQuery判断radio(单选框)是否选中和获取选中值方法总结

篇文章主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中.使用checked属性判断选中.jquery获取radio单选按钮的值.获取一组radio被选中项的值.设置单选按钮被选中等内容,需要的朋友可以参考下 一.利用获取选中值判断选中 直接上代码,别忘记引用JQuery包 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

JQuery判断radio是否选中,获取选中值(转)

/*---------------------------JQuery判断radio是否选中,获取选中值----------------------------------*/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&qu

Jquery判断是否选中

var slength = $(":checkbox[name='News[show_or_hide]']:checked").size(); if (slength>0 ) { $("div.field-news-other_tag").show(); $("div.field-news-sub_special").show(); } else { $("div.field-news-other_tag").hide(

jQuery获取radio选中后的文字

原文链接:http://blog.csdn.net/zhanyouwen/article/details/51393216 jQuery获取radio选中后的文字转载 2016年05月13日 10:32:14 标签:jQuery获取radio选中后的文字 850 HTML 示例如下: [html] view plain copy<input type="radio" id="male" name="sex" value="1&qu

JQuery - 判断radio是否选中,获取选中值

代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont

jquery获取radio选中的值或者select做出判断事件

<dl class="clearfix" id="shifou"> <dt>是否已报名:</dt> <dd><input type="radio" name='sf' value='1'>已报名    <input type="radio" name='sf' value='0'>未报名(有意向)</dd> </dl> <dl

JQuery控制radio选中和不选中方法总结

一.设置选中方法 代码如下: $("input[name='名字']").get(0).checked=true; $("input[name='名字']").attr('checked','true'); $("input[name='名字']:eq(0)").attr("checked",'checked'); $("input[name='radio_name'][checked]").val();