<p class="html">
<p class="wrap">
<p class="full">
<p class="content-tab-box">
<ul class="page-box">
<li class="roleRight animated">
<p id="pageTwo" class="pageWarp">
<p class="pro-system num-two">
<!--場景圖-->
<p class="container">
<p class="tab-system-wrapper">
<!--tab section 1-->
<input type="radio" name="tab-radio" class="tab-radio" id="tab-system-1" checked>
<label for="tab-system-1" class="tab-title tab-handler-1"><i class="iconfont icon-Workonsite work-font"></i>Work onsite</label>
<p class="tab-system-content tab-content-1">這里是默認(rèn)顯示的內(nèi)容<p>
<!--tab section 2-->
<input type="radio" name="tab-radio" class="tab-radio" id="tab-system-2">
<label for="tab-system-2" class="tab-title tab-handler-2"><i class="iconfont icon-Workincloud work-font"></i>Work in cloud</label>
<p class="tab-system-content tab-content-2">
<p class="systemup animated">
<img id="combination" src="img/cloud.png" style="width: 100%;" />
</p>
</p>
</p>
</p>
</p>
</p>
</li>
<li class="roleRight animated"></li>
<li class="roleRight animated"></li>
<li class="roleRight animated"></li>
</ul>
</p>
</p>
</p>
</p>默認(rèn)進(jìn)來后的顯示效果應(yīng)該是這樣的：
現(xiàn)在卻是這樣，沒有被選中的：
我查看過input的屬性 ：<input type="radio" name="tab-radio" class="tab-radio" id="tab-radio-1" checked>，為什么刷新之后，就不顯示了呢？只有再點(diǎn)擊label隱藏的內(nèi)容才會(huì)顯示？
我沒有寫js，都是css。
謝謝！
2
0
0
感謝 djyuning ：
你說的對，是需要js控制的。
$(document).ready(function() {
var checkedName = $('#tab-system-1');
isChecked(checkedName);
}
function isChecked(name){
var checkedTrue = name.checked ? true : false;
if(checkedTrue == false){
name.attr('checked','true');
}else{
name.attr('checked','false');
}
}沒太理解你的HTML結(jié)構(gòu)，在我認(rèn)為，頂部的按鈕和底部內(nèi)容應(yīng)該是平行的，你的卻是垂直的。
另外，只要設(shè)置了相同的name一個(gè)，input:radio就是可以自動(dòng)切換選中，你的腳本再更改選中就無意義了。
獲取狀態(tài)$(#selector)[0].checked，，注意這里的[0]，需要把jQuery 對象轉(zhuǎn)為Dom 對象讀取屬性！
是prop(name,bool)，不要用attr！
說下解決方案，
首先，你需要為第一個(gè)input添加checked屬性，讓它在頁面加載時(shí)就是存在選中狀態(tài)的。
然后，你需要用js建立一個(gè)監(jiān)聽方法，該方法用于遍歷所有的input狀態(tài)。
接下來，你需要為input綁定change事件，值變化時(shí)再遍歷一遍狀態(tài)。
最后，如果你希望點(diǎn)擊后，再次刷新頁面仍然高亮在剛才點(diǎn)擊的位置，那么你可能需要用到cookie插件了。
原理，頁面加載完成，初始化遍歷一遍，表單選中，再遍歷一遍。
