用jquery将复选框改成单选框

浏览数：35 / 时间：2015年06月09日

前提是要包含jquery文件。

相关代码：

jQuery(function($) { 
    init_price_checkbox("by_price");
    init_price_checkbox("by_size");
});
function 
init_price_checkbox(id){
    $("#"+id+" input[type=‘checkbox‘]").each(function(){
        $(this).click(function(){
            for 
(var 
i = $("#"+id+" input[type=‘checkbox‘]").length - 1; i >= 0; i--) {
                if($(this).index("#"+id+" input[type=‘checkbox‘]")==i) 
                    $(this).attr(‘checked‘,‘checked‘);
                else
                    $("#"+id+" input[type=‘checkbox‘]").eq(i).removeAttr(‘checked‘);
            };
         
         });    
    });
}

html代码：

<div id="by_price">
	<form id="search_by_price" method="post" action="index.php?action=search&orderby=price">
		<span class="by_words">By Price</span>
		<div class="p_left_columu">
			<div><input type="checkbox" name="75" value="1" ><span>Under $75</span></div>
			<div><input type="checkbox" name="75-100" value="2" ><span>$75 - $100</span></div>
			<div><input type="checkbox" name="100-125" value="3" ><span>$100 - $125</span></div>
		</div>
		<div class="p_right_columu">
			<div><input type="checkbox" name="125-150" value="1" ><span>$125 - $150</span></div>
			<div><input type="checkbox" name="150" value="2" ><span>$150 & Above</span></div>
		</div>
		<div class="search_button"><input type="image" border="0" onmouseout="this.src=‘/themes/diy_html5/images/crystal_by_price/price_search.png‘" onmouseover="this.src=‘/themes/diy_html5/images/crystal_by_price/price_search_on.png‘" src="/themes/diy_html5/images/crystal_by_price/price_search.png">
		</div>
	</form>
</div>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

用jquery将复选框改成单选框