php点按钮变化文字,前边是可文字,后边是按钮,点击按钮文字变为可编辑,这个怎么做?_html/css_WEB-ITnose...

第二张是没有编辑横线的,就直接变为可编辑状态

回复讨论(解决方案)

如果是jquery 1.9的话,可以直接改type

$("input").attr("type", newValue)

用javascript做,css3也可以。

参考都是实现你要的效果

http://www.cnblogs.com/wanghun/archive/2012/07/20/2601252.html

http://www.oschina.net/code/snippet_214019_15746

http://www.aa25.cn/code/458.shtml

参考都是实现你要的效果

http://www.cnblogs.com/wanghun/archive/2012/07/20/2601252.html

http://www.oschina.net/code/snippet_214019_15746

http://www.aa25.cn/code/458.shtml

很有用,谢谢了!有没有可以使后边的图片改变的,我想使后边图片是一个a标签,然后a标签背景是那个笔的形状,然后点击之后改变!可是看写的js代码是不能变化的,然后换了一个img标签,还是没法实现!

用javascript做,css3也可以。

昨天用js改变a标签的背景好像没有用,现在是实现了前边的变化,后边的背景我没法改变

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当你点击按钮时,页面将弹出相应的id。你可以使用以下代码实现: HTML部分: ```html <div> <button id="myButton">击我</button> </div> <div id="jsonData"></div> ``` JavaScript部分: ```javascript // 模拟的 JSON 数据 const jsonData = [ { id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 3, name: 'Bob' } ]; // 获取按钮和数据展示区域的元素 const button = document.getElementById('myButton'); const dataContainer = document.getElementById('jsonData'); // 点击按钮时的处理函数 button.addEventListener('click', () => { // 弹出相应的id const id = button.dataset.id; alert(`击了ID为${id}的按钮!`); }); // 渲染 JSON 数据到页面 function renderData() { // 清空数据展示区域 dataContainer.innerHTML = ''; // 遍历 JSON 数据并渲染到页面 jsonData.forEach(item => { const button = document.createElement('button'); button.textContent = item.name; button.dataset.id = item.id; dataContainer.appendChild(button); }); } // 初始化页面 renderData(); ``` 在上述代码中,我们首先定义了一个模拟的JSON数据,其中包含了id和name字段。然后,我们获取按钮和数据展示区域的元素,并给按钮添加了一个击事件处理函数。当点击按钮时,处理函数会获取按钮上的`data-id`属性值,并弹出对应的id。 接下来,我们定义了一个`renderData()`函数,用于将JSON数据渲染到页面。在该函数中,我们先清空数据展示区域,然后遍历JSON数据,并为每个数据项创建一个按钮按钮的文本内容为对应的name字段,同时将id保存在`data-id`属性中。最后,我们调用`renderData()`函数来初始化页面。 这样,当你点击按钮时,页面将弹出相应的id。你可以根据实际需求修改JSON数据和页面展示的内容。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值