歡迎來(lái)到奇迪科技(深圳)有限公司，超值服務(wù)提供卓越產(chǎn)品！
jquery高亮選中狀態(tài)精簡(jiǎn)代碼 radio_Html教程_奇迪科技(深圳)有限公司(m.cheanjie.com)
jquery高亮選中狀態(tài)精簡(jiǎn)代碼 radio_Html教程_奇迪科技(深圳)有限公司(m.cheanjie.com)
radio單選，在網(wǎng)頁(yè)制作中經(jīng)常會(huì )用到，通常的單選樣式不好看，現在來(lái)美化一下：選中后，綠色高亮顯示。
以下是HTML代碼:
<ul> <li> <label><input type="radio" name="type" id="type" value="" onclick="show();"/>網(wǎng)站制作</label> </li> <li> <label class="selected"><input type="radio" name="type" id="type" value="" onclick="show();"/>域名申請</label> </li> </ul>
以下是CSS代碼：
.selected{
padding:5px;
background-color:#3EAF0E;
font-size:16px;
font-weight:bold;
color:#FFF;
}以下是JS核心代碼：
<script language="JavaScript" type="text/javascript">
<!--
var removeClassA = $('ul li label.selected');
$('ul li label').bind('click', function(){
removeClassA .removeClass('selected');
$(this).addClass('selected');
removeClassA = $(this);
});
//-->
</script>效果圖如下：
本文版權所有，轉載須注明：來(lái)源 http://m.cheanjie.com/qvdv-wdl-204.html