如何将onClick属性添加到复选框列表?

时间:2013-01-02 作者:Ashok Saini

我将此数组用作复选框:

array(
        \'name\' => __(\'Latest Product\',\'\'),
        \'desc\' => __(\'Select if you want to display latest product\',\'\'),
        \'id\' => $prefix . \'checkbox\',
        \'type\' => \'checkbox\',
        \'std\' => \'\'
    )
我想为添加属性onclick="chk(electronics, this.checked);" 关于这个。

我该怎么做?

2 个回复
SO网友:fuxia

将ID存储在变量中,并使用JavaScript访问该变量:

<script>
document.getElementById("<?php echo $checkbox_id; ?>").onclick = function() {
    chk(electronics, this.checked);
}
</script>
您还可以在一个数组中收集多个ID,然后在脚本中运行该数组。但要避免onclick 属性,这是膨胀和错误的代码样式。:)

SO网友:AddWeb Solution Pvt Ltd

如果您想使用JQuery,请使用下面的代码示例。

JQuery:

//Temporary set electronics variable with blah, replace it with your code
var electronics = \'blah...\';

//For set onclick attribute after page load
$(\'input:checkbox\').each(function(){
        $(this).attr(\'onclick\', \'chk(electronics, this.checked);\');
});
例如,请检查我的JSFIDDLE. 在这个提琴中,您可以通过单击任何复选框来检查功能,它将提示消息并选中真/假。。。

这是基于你的问题,如果不是你想要的,那么请提供一些你想要的更多细节。

结束

相关推荐

在JavaScript中枚举快捷码属性

我正在开发一个插件,它使用一个短代码来调用JQuery函数,需要三个方面才能工作:JQuery代码+它自己的代码将包含在它将用于的页面上。它将处理的HTML元素需要一个“id”属性,以便在$(document).ready(function()) block我已经实现了1和2;1通过使用wp_register_script 如果出现短代码,wp_print_scripts 打印;2通过将“id”作为我的短代码的属性,它也会返回,例如。[myshortcode id=\"foo\"] 退货id=\"foo\