javascript - 如何通过单击按钮将所有 <input> 更改为其值并稍后再更改回来?

标签 javascript jquery html

问题:我有一个包含许多 <input> 字段的页面(只是说所有都是文本字段) 我想要一个按钮,当点击它时,所有输入字段将变成纯文本。 例如<input type="text" value="123" /> 变为 123 如果我单击另一个按钮,文本将变回 例如123 变成 <input type="text" value="123" />

是否有一种自动方法来扫描所有 <input> 并使用 javascript 和 jquery 一次性更改它们。

谢谢!

<小时/>

已编辑 看来你们的想法是错误的。 再次阅读我写的内容:例如<input type="text" value="123" /> 变为 123

我已经有了 value="123",为什么我要再次设置该值???

我想要的是例如

<body><input type="text" value="123" /><input type="text" value="456" /></body> 变成 <body>123456</body>,然后 <body>123456</body> 又回到 <body><input type="text" value="123" /><input type="text" value="456" /></body>

最佳答案

用这个单向,

$('input').replaceWith(function(){
    return $('<div />').text(this.value).addClass('plain-text');
});​​​

这个去另一个。

$('.plain-text').replaceWith(function(){
    return $('<input />').val($(this).text());
});

关于javascript - 如何通过单击按钮将所有 &lt;input&gt; 更改为其值并稍后再更改回来?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12719995/

相关文章:

javascript - 如何打印已被 javascript 更改的页面?

javascript - 无法在光滑网格中设置焦点并编辑单元格

javascript - 如何防止 window.onbeforeunload 被 javascript : href links in IE? 触发

jquery - html5boiler Plate + jquery mobile = 脚本加载两次

jQuery 动画 .prepend

javascript - 替代 HTML iframe

html - 使用 CSS 的不平滑关键帧动画

javascript onclick 获取更多信息

javascript - mySqli php - 用户将多选复选框输入到 1 条记录中

javascript - Laravel Spark : Creating a new Settings Tab and Vue Component