JS部分：

function type1(obj) {
var type1_div=document.getElementById("type1");
var type1_input=type1_div.getElementsByTagName('li');
for(i=0;i<type1_input.length;i++){
type1_input[i].className=''; 
type1_input[i] 
}
obj.className='cur';
document.getElementById("type1_val").value=obj.innerText;
} 
CSS部分：

.type li {background:#f8f8f8; border:#eee solid 1px; padding:5px 8px; float:left; margin:0 5px 0 0; cursor:pointer;}
.type li.cur {background:#f00; border:#f00 solid 1px; color:#fff;}

HTML部分：

<div class="type" id="type1">
<ul>
<li id="type1_1" onclick="type1(this)">商业空间</li>
<li id="type1_2" onclick="type1(this)">品牌连锁</li>
<li id="type1_3" onclick="type1(this)">精装办公</li>
<li id="type1_4" onclick="type1(this)">其他类型</li>
</ul>
<div class="clear"></div>
</div>
<input type="hidden" id='type1_val'>