js 替換字串 replace函數運用

標籤：java   ext   c   http   get   javascript   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html; charset=gbk" />

<script type="text/javascript" language="javascript">

function getValue(id,Alts)
{
var strb =Alts; //答案
var strA =id; //問題id (必須以字串的格式傳入)
var stringObj=document.getElementById("hidden1").value; //問題答案集合
var s = stringObj.indexOf(strA); //擷取問題的索引

if (s >=0)
{
//修改
var ss=s+(strA.length); //獲得問題答案的長度
//alert(ss);
//alert(stringObj);
var ssd = stringObj.substr(ss,stringObj.length);
// alert(ssd);
var ssf =ssd.indexOf(";");
//alert(ssf);
var sss=stringObj.substr(ss,ssf+1); //獲得答案
//alert(sss);
var strc=strA+","+strb+";"; //新的答案
var newstr=stringObj.replace(strA+sss,strc); //替換後的資料
}

else
{
//新增
var strc=strA+","+strb+";";
stringObj=stringObj+strc;
newstr=stringObj;
}
alert(newstr);
document.getElementById("hidden1").value=newstr;
}
</script>
</head>

 

<body>
<form id="form1" runat="server">
<table>
<tr>
<td> <input id="id1" type="text" value="你知道嗎？" /> </td>
<td> <input id="id2" type="radio" name="radio1" value="知道" onclick="getValue(‘1‘,‘知道‘)"> 知道</td>
<td> <input id="id3" type="radio" name="radio1" value="不知道" onclick="getValue(‘1‘,‘不知道‘)"/> 不知道</td>
</tr>

<tr>
<td> <input id="id4" type="text" value="你知道嗎？" /> </td>
<td> <input id="id5" type="radio" name="radio2" value="知道" onclick="getValue(‘2‘,‘知道‘)"/>知道</td>
<td> <input id="id6" type="radio" name="radio2" value="不知道" onclick="getValue(‘2‘,‘不知道‘)"/>不知道</td>
</tr>

<tr>
<td> <input id="id7" type="text" value="你知道嗎？" /> </td>
<td> <input id="id8" type="radio" name="radio3" value="知道" onclick="getValue(‘3‘,‘知道‘)"/>知道</td>
<td> <input id="id9" type="radio" name="radio3" value="不知道" onclick="getValue(‘3‘,‘不知道‘)"/>不知道</td>
</tr>

<input type="text" id="hidden1">
</table>

</form>
</body>

</html>