html单选框radio的简单应用
表格:
<table>
<tr>
<td>(1)发生竣工验收:</td>
<td>
<input type="radio" name="completeCheckCircs" value="1">一次通过
<input type="radio" name="completeCheckCircs" value="0">重新组织验收
</td>
</tr>
<tr>
<td>(2)发生质量通病抽检:</td>
<td>
<input type="radio" name="qualityProblemCircs" value="1">符合要求
<input type="radio" name="qualityProblemCircs" value="0">不合要求
</td>
</tr>
<tr>
<td>(3)发生实体质量抽检:</td>
<td>板厚
<input type="radio" name="plyDeep" value="1">合格
<input type="radio" name="plyDeep" value="0">不合格
</td>
<tr>
<tr>
<td></td>
<td>回弹
<input type="radio" name="returnFlip" value="1">合格
<input type="radio" name="returnFlip" value="0">不合格
</td>
</tr>
<tr>
<td></td>
<td>抽芯
<input type="radio" name="takeOutCore" value="1">合格
<input type="radio" name="takeOutCore" value="0">不合格
</td>
</tr>
<tr>
<td></td>
<td>钢筋
<input type="radio" name="reinforcingSteelBar" value="1">合格
<input type="radio" name="reinforcingSteelBar" value="0">不合格
</td>
</tr>
<tr>
<td></td>
<td>砌体
<input type="radio" name="brickBody" value="1">合格
<input type="radio" name="brickBody" value="0">不合格
</td>
</tr>
<tr>
<td></td>
<td>保护层
<input type="radio" name="protectLayer" value="1">合格
<input type="radio" name="protectLayer" value="0">不合格
</td>
</tr>
</table>
设置hidden,用于保存各个单选按钮所选的值:
<input type="hidden" name="completeCheckCircsChecked" value="">
<input type="hidden" name="qualityProblemCircsChecked" value="">
<input type="hidden" name="plyDeepChecked" value="">
<input type="hidden" name="returnFlipChecked" value="">
<input type="hidden" name="takeOutCoreChecked" value="">
<input type="hidden" name="reinforcingSteelBarChecked" value="">
<input type="hidden" name="brickBodyChecked" value="">
<input type="hidden" name="protectLayerChecked" value="">
Script初时化页面:
function init(){
//发生竣工验收
if(document.all['completeCheckCircsChecked'].value=='1'){
document.all['completeCheckCircs'][0].checked=true;
}if(document.all['completeCheckCircsChecked'].value=='0'){
document.all['completeCheckCircs'][1].checked=true;
}
//发生质量通病抽检
if(document.all['qualityProblemCircsChecked'].value=='1'){
document.all['qualityProblemCircs'][0].checked=true;
}if(document.all['qualityProblemCircsChecked'].value=='0'){
document.all['qualityProblemCircs'][1].checked=true;
}
//板厚
if(document.all['plyDeepChecked'].value=='1'){
document.all['plyDeep'][0].checked=true;
}if(document.all['plyDeepChecked'].value=='0'){
document.all['plyDeep'][1].checked=true;
}
//回弹
if(document.all['returnFlipChecked'].value=='1'){
document.all['returnFlip'][0].checked=true;
}if(document.all['returnFlipChecked'].value=='0'){
document.all['returnFlip'][1].checked=true;
}
//抽芯
if(document.all['takeOutCoreChecked'].value=='1'){
document.all['takeOutCore'][0].checked=true;
}if(document.all['takeOutCoreChecked'].value=='0'){
document.all['takeOutCore'][1].checked=true;
}
//钢筋
if(document.all['reinforcingSteelBarChecked'].value=='1'){
document.all['reinforcingSteelBar'][0].checked=true;
}if(document.all['reinforcingSteelBarChecked'].value=='0'){
document.all['reinforcingSteelBar'][1].checked=true;
}
//砌体
if(document.all['brickBodyChecked'].value=='1'){
document.all['brickBody'][0].checked=true;
}if(document.all['brickBodyChecked'].value=='0'){
document.all['brickBody'][1].checked=true;
}
//保护层
if(document.all['protectLayerChecked'].value=='1'){
document.all['protectLayer'][0].checked=true;
}if(document.all['protectLayerChecked'].value=='0'){
document.all['protectLayer'][1].checked=true;
}
if('<%=teamMonitorRecordForm.getQualityStreamId()%>'!=''){
document.all['btnModifyNotice'].disabled=false;
document.all['btnPeccancy'].disabled=false;
document.all['btnBadnessDeed'].disabled=false;
}
}
Script保存保存所选的单选按钮:
function saveData(){
if(confirm("确定保存?")){
//发生竣工验收
if(document.all['completeCheckCircs'][0].checked){
document.all['completeCheckCircsChecked'].value=document.all['completeCheckCircs'][0].value;
}if(document.all['completeCheckCircs'][1].checked){
document.all['completeCheckCircsChecked'].value=document.all['completeCheckCircs'][1].value;
}
//发生质量通病抽检
if(document.all['qualityProblemCircs'][0].checked){
document.all['qualityProblemCircsChecked'].value=document.all['qualityProblemCircs'][0].value;
}if(document.all['qualityProblemCircs'][1].checked){
document.all['qualityProblemCircsChecked'].value=document.all['qualityProblemCircs'][1].value;
}
//板厚
if(document.all['plyDeep'][0].checked){
document.all['plyDeepChecked'].value=document.all['plyDeep'][0].value;
}if(document.all['plyDeep'][1].checked){
document.all['plyDeepChecked'].value=document.all['plyDeep'][1].value;
}
//回弹
if(document.all['returnFlip'][0].checked){
document.all['returnFlipChecked'].value=document.all['returnFlip'][0].value;
}if(document.all['returnFlip'][1].checked){
document.all['returnFlipChecked'].value=document.all['returnFlip'][1].value;
}
//抽芯
if(document.all['takeOutCore'][0].checked){
document.all['takeOutCoreChecked'].value=document.all['takeOutCore'][0].value;
}if(document.all['takeOutCore'][1].checked){
document.all['takeOutCoreChecked'].value=document.all['takeOutCore'][1].value;
}
//钢筋
if(document.all['reinforcingSteelBar'][0].checked){
document.all['reinforcingSteelBarChecked'].value=document.all['reinforcingSteelBar'][0].value;
}if(document.all['reinforcingSteelBar'][1].checked){
document.all['reinforcingSteelBarChecked'].value=document.all['reinforcingSteelBar'][1].value;
}
//砌体
if(document.all['brickBody'][0].checked){
document.all['brickBodyChecked'].value=document.all['brickBody'][0].value;
}if(document.all['brickBody'][1].checked){
document.all['brickBodyChecked'].value=document.all['brickBody'][1].value;
}
//保护层
if(document.all['protectLayer'][0].checked){
document.all['protectLayerChecked'].value=document.all['protectLayer'][0].value;
}if(document.all['protectLayer'][1].checked){
document.all['protectLayerChecked'].value=document.all['protectLayer'][1].value;
}
document.all['action'].value="save";
document.frmInput.submit();
}
}
总结:单选按钮的name相同,在JavaScript中要以数组形式对单选按钮操作,如document.all['name'][i]。