Php 唯一按钮jquery

我想有三个或更多的正常按钮，我会在三张图片下面使用，只有一个按钮会有一个文本默认值，其他按钮会有文本设置为默认值

<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" >  

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

如何对两个以上的按钮使用jquery？ 当我将此发布到php时，我如何知道哪一个是默认值？ 如果您有任何其他建议/代码示例而不是按钮来选择 他们非常受欢迎 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" > 

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" > 

---

1您可以将选择器与逗号组合

$("#button1, #button2, #button3").on("click", function(){
  $("#button1, #button2, #button3").val("Set as default");
  $(this).val("Default");
});

2您可以添加一个隐藏的输入来捕获您需要的任何内容

3个单选按钮是一个不错的选择，因为它们强制执行仅选择一个按钮，并且还用于通知服务器。您仍然需要手动更改文本，除非您想喜欢CSS

埃塔：你提到想要控制颜色和其他风格。我建议您更好地使用类进行格式化和选择：

HTML

CSS

---

1您可以将选择器与逗号组合

$("#button1, #button2, #button3").on("click", function(){
  $("#button1, #button2, #button3").val("Set as default");
  $(this).val("Default");
});

2您可以添加一个隐藏的输入来捕获您需要的任何内容

3个单选按钮是一个不错的选择，因为它们强制执行仅选择一个按钮，并且还用于通知服务器。您仍然需要手动更改文本，除非您想喜欢CSS

埃塔：你提到想要控制颜色和其他风格。我建议您更好地使用类进行格式化和选择：

HTML

CSS

试试-

使用默认值发布的是已单击的内容。

尝试-

---

使用默认值发布的是单击的按钮。

3带有相应标签的单选按钮如何？但我想这是一种古老的东西单选按钮肯定是你在这里需要的。“名称”属性将让您知道选择了哪个。jQueryUI有一个很好的按钮集，你可能会对单选按钮感兴趣：一旦你开始动态生成可选择的项目数量，它就会变得非常有趣；谢谢大家的回答，一些非常好的解决方案很管用。3带相应标签的单选按钮怎么样？但我想这是一种古老的东西单选按钮肯定是你在这里需要的。“名称”属性将让您知道选择了哪个。jQueryUI有一个很好的按钮集，你可能会对单选按钮感兴趣：一旦你开始动态生成可选择的项目数量，它就会变得非常有趣；谢谢大家的回答，一些非常好的解决方案很管用。确保使用jquery思想确保使用jquery

<input type="button" id="button1" class='btn-set-default btn-is-default' value="Default" > 
<input type="button"id="button2" class='btn-set-default' value="Set as default" >    
<input type="button" id="button3" class='btn-set-default' value="Set as default" >  

$(".btn-set-default").on("click", function(){
  $(".btn-set-default").removeClass("btn-is-default").val("Set as default");
  $(this).addClass("btn-is-default").val("Default");
  $("#selectedbutton").val($(this).attr("id"));
});

.btn-set-default { }
.btn-is-default { color:red; }

$(function(){
    $(":button").click(function(){
      $(":button").prop('value','Set as default');
        $(this).prop('value', 'Default'); 
    });
});