Question

我希望有机会通过点击事件将公式保存在按钮上的两个不同位置，但只有button1有效。

<input type="submit" class="btn btn-lg rounded metro btn-primary" id="button1" value="Save">       
<input type="submit" class="btn btn-lg rounded metro btn-primary" id="button2" value="Save"> 
$("#button1, #button2").click(function()
{..}

Answer 1

插入jquery 并完成jquery函数。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

下面的代码段示例

$("#button1, #button2").click(function()
{
alert('Button Click');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="submit" class="btn btn-lg rounded metro btn-primary" id="button1" value="Save">       
<input type="submit" class="btn btn-lg rounded metro btn-primary" id="button2" value="Save">

Answer 2

试试这可能会对你有帮助，

 $('#button1').add('#button2').click(function(){
    alert('clicked');
 });

Answer 3

试试这个。

$(document).on('click',"#button1,#button2",function(){
    alert('one');
});

或者你可以用另一种方式。

function btnClick(){
    /* Your button click code */
}

/* Call that function on first button click */
$("#button1").click(function(){
     btnClick();
});

/* Call the same function again on first button click */
$("#button2").click(function(){
     btnClick();
});

Answer 4

有多种方法可以在多个按钮

中绑定一个函数

第一个

class Team extends Model
{
    public function users()
    {
        return $this->belongsToMany('App\User');
    }
}

function myFunction(e) {
    alert("button :"+e.id);
}

第二种方式

<button type="button" onclick="myFunction(this)" id="1">Button1</button>
<button type="button" onclick="myFunction(this)" id="2">Button2</button>
<button type="button" onclick="myFunction(this)" id="3">Button3</button>

$('#button1, #button2').click(function() {
    // You can use `this` to refer to the source element, for instance:
    $(this).css("background-color", "red");
});

第三种方式

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="submit" class="btn btn-lg rounded metro btn-primary" id="button1" value="Save">       
<input type="submit" class="btn btn-lg rounded metro btn-primary" id="button2" value="Save">

$(document).on('click', '.btn', function(e) { 
alert("hello"); //with common class
});

另一种方式

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="submit" class="btn btn-lg rounded metro btn-primary" id="button" value="Save">       
<input type="submit" class="btn btn-lg rounded metro btn-primary" id="button" value="Save">

function doClick(e) { 
   alert("hello");
}
$('#button1').click(doClick);
$('#button2').click(doClick);

如何使用单击事件在公式中使用两个按钮

4 个答案: