点击使用jquery或javascript的按钮上的按钮

问题描述：

我正在开发一个使用codeigniter的购物车。在我的购物车页面中，我需要更新购物车的数量变化。我在按钮点击的帮助下获得结果。但我的问题是，我需要得到我的关键相同的结果。对于上相应的按钮键上，应点击点击使用jquery或javascript的按钮上的按钮

查看页面

<td> 
    <?php echo form_input(array('name' => $items['rowid']."_qty",'id' => $items['rowid']."_qty", 'value' => $items['qty'], 'maxlength' => '3', 'size' => '5')); ?> 
<button class="btn btn-success " id= "<?php echo $items['rowid']."_qty" ?>" onclick="update_cart('<?=$items['rowid'];?>')" >update</button> 
<script> 
    $("#<?php echo $items['rowid']."_qty" ?>").keyup(function(event){ 

    $("#<?php echo $items['rowid']."_qty" ?>").click(); 

     }); 
     </script> 
    </td>

的脚本更新车

function update_cart(itemid) 
{ 
    var qty= document.getElementById(itemid+"_qty").value; 
     $.ajax({ 
      type: 'POST', 
      url: '<?php echo site_url("ajax_controller1/update_cart/'+itemid+'/'+qty+'")?>', 
      data: { id:itemid }, 
      success:function(response){ 
       $("#shoppingcart_container").html(response); 
$(".total").click(); 

    } 
    }); 

}

I just need to click currosponding button on change in quantity input field This is my Demo URL My website link

$（“。total”）。trigger（“click”）; –

答

无需添加额外的代码触发点击事件。您可以直接把update_cart与form_input为

<?php 
    echo form_input(array(
      'name' => $items['rowid']."_qty", 
      'id' => $items['rowid']."_qty", 
      'value' => $items['qty'], 
      'maxlength' => '3', 
      'size' => '5', 
      'onkeyup' => "update_cart('".$items['rowid']."')" 
     ) 
    ); 
?>

更换<td>标签上面的代码，并尝试

我已经试过这个想法，但onkeyup功能不工作。 –

@YadhuBabu：你在DOM中获得属性'onkeyup'吗？ – C2486

我正在尝试'alert（“kk”）;'在关键函数上。那也没有得到 –

答

检查这个

$("#id_of_field").keyup(function(event){ 

     $("#id_of_button").click(); 

});

这就是我所尝试的。但没有得到结果 –

答

你可以简单地onkeyup属性添加到您的输入元素的产生。对不起，我不是在PHP流利，但你可以用同样的方式，你在添加其他属性：form_input(array(..))

function update_cart(itemid, quantity) 
 
{ 
 
    console.log(quantity); 
 

 
}

<input type="text" onkeyup="update_cart('someItemId', this.value)" />

答

这里是代码，以便您的问题可以得到解决：

首先你需要给一个共同的类输入用于获取输入的值和ID：

$('.commonclass').on('input',function(e){ 
     var id = $(this).attr("id");  
     update_cart(id) 
    }); 


function update_cart(itemid) 
{ 
    var qty= document.getElementById(itemid+"_qty").value; 
     $.ajax({ 
      type: 'POST', 
      url: '<?php echo site_url("ajax_controller1/update_cart/'+itemid+'/'+qty+'")?>', 
      data: { id:itemid }, 
      success:function(response){ 
       $("#shoppingcart_container").html(response); 
$(".total").click(); 

    } 
    }); 

}

答

<td> 
    <?php echo form_input(array('name' => $items['rowid']."_qty",'id' => $items['rowid']."_qty",'onkeyup'=>'clickBtn("<?php echo $items['rowid']; ?>")', 'value' => $items['qty'], 'maxlength' => '3', 'size' => '5')); ?> 
    <button class="btn btn-success " id= "updateBtn<?php echo $items['rowid']; ?>" onclick="update_cart('<?=$items['rowid'];?>')" >update</button> 
    <script> 
    function clickBtn(id){ 
     $("#updateBtn"+id).click(); 
    } 
    </script> 
</td>

这是easiset方式

答

要调用任何事件，您只需要调用触发器函数并传递事件名称作为参数。

$(".total").trigger("click");

点击使用jquery或javascript的按钮上的按钮

相关推荐