js 替换字符串 replace函数运用

时间:2014-05-10 06:35:22   收藏:0   阅读:453

<!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>

js 替换字符串 replace函数运用,布布扣,bubuko.com

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!