收音机或复选框输入上的onclick功能?

时间:2015-07-08 00:33:08

标签: javascript input

单击收音机或复选框时是否可以执行某个功能?

我试过了:

<input name="email_notification" id="email_not1" type="radio" class="form_radio" onclick="select_on()" value=1 <?PHP echo $on;?>>

它不起作用。我可以将它包装在一个标签中并将onclick功能放在其上,但我只需要单选按钮而不是标签。这可能吗?

更新:

感谢您的回答!我尝试了另一个功能,它工作正常。原始功能的一部分是将复选框设置为&#34;选中&#34;而且显然这与它相矛盾。我删除了该部分的重复功能,它工作正常。 :)

5 个答案:

答案 0 :(得分:1)

基本上,通常是的。如果正确声明了Javascript函数和/或在页面上正确包含了包含该函数的文件。见example

<input name="email_notification" id="email_not1" type="radio" class="form_radio" onclick="select_on()">

<script>
    function select_on() {
        alert('Hello');
        // do whatever you want here.
    }
</script>

答案 1 :(得分:1)

您的代码段对我有用。您可能有一个附加到此元素的触发器,这可能会占用您的默认事件处理。

答案 2 :(得分:0)

它工作得很好,你在其他地方有错误,或者你的复选框上有一个元素,你并没有真正点击它。

在此处查看:

function select_on() {
  alert('it works!');
}
<input name="email_notification" id="email_not1" type="radio" class="form_radio" onclick="select_on()" value=1 />

答案 3 :(得分:0)

<input name="email_notification" id="email_not1" type="radio" class="form_radio" onclick="select_on(this)">

<script>
    function select_on(node) {
        if(node.checked) {
           alert('checked true');
        } else {
           alert('checked false');
        }  
    }
</script>

答案 4 :(得分:-1)

您可以在此处使用jquery更改功能。

示例代码:

$('input:radio[name="email_notification"]').change(function() {

//do whatever you need here

});

或者,如果您想为每次点击触发一个功能,您只需使用:

$('input:radio[name="email_notification"]').click(function() {

    //do whatever you need here

    });