Question

js 页面循环 点击事件

foreach($list as $val){

<div id='boxaa'>
<input class="input21" id="input2" type="button" value="点赞" onclick="Praise('{{$user->id}}','{{$val['id']}}')"
/>
</div>
}

function Praise($userid, $messagesid) {

if($(".input21").val()=='点赞'){
document.getElementById('input2').value="取消";
} else{
document.getElementById('input2').value="点赞";
}

页面用foreach循环输出 JS 怎样能控制点击到哪一个改变哪个value值

Answer 1

点击事件里的this会指向你所点击的元素 jquery对象为$(this)

Answer 2

onclick="Praise('{{$user->id}}','{{$val['id']}}',$(this))"

function Praise($userid, $messagesid,dom) {

if(dom.val()=='点赞'){
dom.val("取消");
} else{
dom.val("点赞");
}

Answer 3

function Praise($userid, $messagesid) {

if($(this).val()=='点赞'){
$(this).val("取消");
} else{
$(this).val("点赞");
}

//每个按钮 都添加 onclick="Praise('{{$user->id}}','{{$val['id']}}')"

无需foreach。