首页 > 代码库 > js 替换字符串 replace函数运用
js 替换字符串 replace函数运用
<!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=http://www.mamicode.com/newstr;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<table>
<tr>
<td> <input id="id1" type="text" value="http://www.mamicode.com/你知道吗？" /> </td>
<td> <input id="id2" type="radio" name="radio1" value="http://www.mamicode.com/知道" onclick="getValue(‘1‘,‘知道‘)"> 知道</td>
<td> <input id="id3" type="radio" name="radio1" value="http://www.mamicode.com/不知道" onclick="getValue(‘1‘,‘不知道‘)"/> 不知道</td>
</tr>
<tr>
<td> <input id="id4" type="text" value="http://www.mamicode.com/你知道吗？" /> </td>
<td> <input id="id5" type="radio" name="radio2" value="http://www.mamicode.com/知道" onclick="getValue(‘2‘,‘知道‘)"/>知道</td>
<td> <input id="id6" type="radio" name="radio2" value="http://www.mamicode.com/不知道" onclick="getValue(‘2‘,‘不知道‘)"/>不知道</td>
</tr>
<tr>
<td> <input id="id7" type="text" value="http://www.mamicode.com/你知道吗？" /> </td>
<td> <input id="id8" type="radio" name="radio3" value="http://www.mamicode.com/知道" onclick="getValue(‘3‘,‘知道‘)"/>知道</td>
<td> <input id="id9" type="radio" name="radio3" value="http://www.mamicode.com/不知道" onclick="getValue(‘3‘,‘不知道‘)"/>不知道</td>
</tr>
<input type="text" id="hidden1">
</table>
</form>
</body>
</html>