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]。