1)您可以将选择器与逗号组合。
$("#button1, #button2, #button3").on("click", function(){
$("#button1, #button2, #button3").val("Set as default");
$(this).val("Default");
});
2)您可以添加一个隐藏输入来捕获您需要的任何内容(<input type='hidden' id='selectedbutton'>
)。
$("#button1, #button2, #button3").on("click", function(){
$("#button1, #button2, #button3").val("Set as default");
$(this).val("Default");
$("#selectedbutton").val($(this).attr("id"));
});
3) 单选按钮是一个不错的选择,因为它们强制只选择一个,并且还可以通知您的服务器。您仍然需要手动更改文本(除非您想使用 CSS)。
ETA:你提到想要控制颜色,也许还有其他风格。我建议您更好地利用类进行格式化和选择:
HTML
<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"));
});
CSS
.btn-set-default { }
.btn-is-default { color:red; }