单击任何单选按钮或复选框时调用相同的function

我有一些单选按钮和复选框

 function calcPrice(){ console.log(checked!!); }  smart tablet both push distribute internationalization 

我想在单击单选按钮或复选框时随时调用calcPrice。

我正在使用jquery，我知道如何在单击某个按钮时调用。

 $("input[name='android']").change(function() 

但是当我点击“任意”按钮时，我想调用相同的function。

我该怎么做？

Answer 1

由于页面中可能有其他输入元素，因此只需使用类名来标识它们。 在我的示例中，我使用了类名称calc因此您可以使用它来定义on change事件。

  smart tablet both push distribute internationalization 

对于您的JavaScript：

 $("input.calc").change(function() { calcPrice(); }); 

Answer 2

但是当我点击“任意”按钮时，我想调用相同的function。

您可以使用多选择器（“selector1，selector2，selectorN”）并在现有选择器中添加：按钮选择器。

 $("input[name='android'], input[name='func'], :button").change(function() 

使用有效CSS的$（“：button”）等效选择器是$（“button，input [type =’button’]”）。

Answer 3

试试这个，

  $("input[name='android'], input[name='func']").change(function(){ }); 

Answer 4

你可以用它

 function calcPrice(){ console.log("checked!!"); } $("input[name='android'],input[name='func']").change(function() { calcPrice() ; });