1. 程式人生 > >jquery判斷radio選中與否來顯示或隱藏某個div

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時也要呼叫一下這個函式喔···