HTML代码:
<tr>
<td height="60" valign="middle" align="right" class="f14">
设置密码:
</td>
<td class="t1">
<input id="upwd" type="password" class="reg_text w245" name="upwd" /><label class="f16 cred">*</label>
<input type="checkbox" id="viewpwd" /><label for="viewpwd">显示密码字符</label>
</td>
</tr>
<tr>
<td height="60" valign="middle" align="right" class="f14">
确认密码:
</td>
<td class="t1">
<input id="upwd2" type="password" class="reg_text w245" name="upwd2" /><label class="f16 cred">*</label>
</td>
</tr>
FF,chrome下,运行没问题; IE下运行有问题
<script type="text/javascript">
$(function () {
$("#viewpwd").click(function () {
var _f = $(this);
$(".t1 input:first-child").each(function (k, v) {
var _p = $(v).parent();
var _t = _f.attr("checked") ? "text" : "password";
_p.prepend($(v).clone().attr("type", _t));
$(v).remove();
});
});
});
</script>
FF,CHROME,IE下运行都没问题
<script type="text/javascript">
$(function () {
$("#viewpwd").click(function () {
var _f = $(this);
$(".t1 input:first-child").each(function (k, v) {
var _p = $(v).parent();
var _id = $(v).attr("id");
var _class = $(v).attr("class");
var _type = $(v).attr("type");
var _value = $(v).attr("value");
var _t = _f.attr("checked") ? "text" : "password";
_p.prepend("<input type=\"" + _t + "\" id=\"" + _id + "\" class=\"" + _class + "\" value=\"" + _value + "\" name=\"" + _id + "\" />");
$(v).remove();
});
});
});
</script>
小结:ie下type是只读的;ff和chrome下,type是可读可写的。
参考:http://www.cnblogs.com/wlstyle/archive/2009/05/29/1491840.html