jquery判斷radio選中與否來顯示或隱藏某個div
阿新 • • 發佈:2019-02-19
定義一個函式來判斷這個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時也要呼叫一下這個函式喔···