radio更好的用户体验

HTML：

<input type="radio" name="choseRenwu" id="choseRenwu_1" value="0"  checked="checked">
<label for="choseRenwu_1">本部门制定任务</label>  
<input type="radio" name="choseRenwu" id="choseRenwu_2" value="1">
<label for="choseRenwu_2">上级下发的任务</label>  

JS：

$('#choseRenwu_1').bind('click',function(){
    if($(this)[0].checked==true){
    	bbmzdOrSjxf =   'bbmzd';
    	parent.bbmzd();
    	queryTaskList();
    }
});
$('#choseRenwu_2').bind('click',function(){
    if($(this)[0].checked==true){
    	bbmzdOrSjxf =   'sjxf';
    	parent.sjxf();
    	queryTaskList();
    }
});

CheckBox

<th class="hoverZTFL">专题分类</th>
<td>
	<ul class="hoverZTFL">
		<li><input type="checkbox" id="ZTFL1" name="ZTFL" value="1">
			<label for="ZTFL1">选择一</label></li>
		<li><input type="checkbox" id="ZTFL2" name="ZTFL" value="2">
			<label for="ZTFL2">选择二</label></li>
		<li><input type="checkbox" id="ZTFL3" name="ZTFL" value="3">
			<label for="ZTFL3">选择三</label></li>
	</ul>
</td>

// 获得选中值
var SEX = '';
$('input[name=ZTFL]:checked').each(function(){
	if(!!SEX){
		SEX = SEX + ',' +($(this).val()); 
	}else{
		SEX = ($(this).val()); 
	}
});