php - 独特的按钮jquery

Question

我想要三个(或更多)普通按钮，我会在三张图片下方使用它们，只有一个按钮的文本为“默认”，其他按钮的文本为“设置为默认”。

<input type="button" id="button1" value="Default" > 

<input type="button"id="button2"  value="Set as default" > 

<input type="button" id="button3"  value="Set as default" >  

单击“设置为默认值”时，此按钮的文本应更改为默认值，颜色也应更改..(以前的默认按钮现在将“设置为默认值”)

1. 我如何为两个以上的按钮使用 jquery？
2. 当我将其发布到 php 时，我如何知道哪个是默认值？
3. 如果您有任何其他建议/代码示例而不是按钮来选择 默认图片 他们非常受欢迎

Answer 1

$('input[type="button"]').on('click', function() {
  $('input[type="button"]').val('Set as default');
  $(this).val('Default');
});

PHP 会通过给它们命名来知道:(button1, 2, 3) - 值将为“默认”

<input type="button" id="button1" name="button1" value="Default" > 

<input type="button"id="button2"  name="button2"  value="Set as default" > 

<input type="button" id="button3"  name="button3"  value="Set as default" >