Question

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

<script type="text/javascript">

function calcPrice(){
    console.log(checked!!);
}
</script>

<input type="radio" name="android" value="1">smart
<input type="radio" name="android" value="2">tablet
<input type="radio" name="android" value="3">both

<input type=checkbox name="func" value="0">push
<input type=checkbox name="func" value="0">distribute
<input type=checkbox name="func" value="0">internationalization

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

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

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

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

我该怎么做？

Answer 1

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

<script type="text/javascript">

function calcPrice(){
    console.log('checked!!'); // note that you missed the quotes here
}
</script>

<input class="calc" type="radio" name="android" value="1">smart
<input class="calc" type="radio" name="android" value="2">tablet
<input class="calc" type="radio" name="android" value="3">both

<input class="calc" type=checkbox name="func" value="0">push
<input class="calc" type=checkbox name="func" value="0">distribute
<input class="calc" type=checkbox name="func" value="0">internationalization

对于您的JavaScript：

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

Answer 2

但是我想在'any'按钮时调用相同的功能点击。

您可以使用Multiple Selector (“selector1, selector2, selectorN”)并在现有选择器中添加:button选择器。

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

使用有效CSS的$（“：button”）的等效选择器是$（ “按钮，输入[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()  ;                               
});

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

4 个答案: