1.前提:
代码环境:laravel
需求:更改html某一组件状态(我这里是按钮)
重点: 两个方法 getAttribute() setAttribute()
2.实现:
按照需求给组件添加自定义属性(可加可不加,根据具体情况,也可以用自身属性),我这里需要改变的是按钮状态,所以在
当前button 增加一个自定义属性values。
加载页面初始显示根据代码中的判断条件显示按钮的values属性和按钮字体
通过按钮点击事件clickss()实现按钮状态的改变
HTML
```
<button οnclick="clickss({
{$paper->id}},{
{$paper->is_paper_questions}})" id="{
{$paper->id}}change_btn" @if($paper->is_paper_questions==1) class="layui-btn layui-btn-sm layui-btn-danger" values="remove"@else class="layui-btn layui-btn-sm layui-btn-normal" values="add" @endif > @if($paper->is_paper_questions==0)添加@else 移除 @endif
</button>
```
JS<

在Laravel环境中,通过JavaScript的getAttribute和setAttribute方法,可以实现点击按钮时更改其状态。首先,为HTML按钮元素添加自定义属性values,并根据后端数据设定初始状态。然后,设置点击事件clickss,当按钮被点击时,该事件会改变按钮的values属性,从而更新按钮的视觉状态。这种方法在涉及前后端交互的场景中特别有用。
最低0.47元/天 解锁文章
174

被折叠的 条评论
为什么被折叠?



