JavaScript 动态执行字符串函数的两种实现方式

JavaScript动态执行字符串函数的实现方法

接下来使用JavaScript代码来执行相关操作：

方法一：

通过window对象动态调用函数

这是方法二：

在checkbox的value属性中设定了该checkbox要执行的函数名，而方法的参数则是将当前点击的checkbox元素作为参数传递过去。

此处我使用jQuery库来进行DOM操作。

 
$(function() {
$("ul li a").css("cursor", "pointer");
$("ul li a").click(function() {
var $ck = $(this).siblings(":checkbox");
if ($ck.attr("name") == "total") // 全选逻辑
{ 
if ($ck.attr("checked") == false) {
$ck.attr("checked", "checked");
$("[name='ck']:checkbox").attr("checked", "checked");
var ff = $ck.val(); // 获取要执行的函数名字符串
var cc = $ck.get(0); // 将jQuery对象转换为原生DOM对象
window[ff](cc); // 执行字符串表示的函数，并将当前checkbox DOM对象作为参数传入
} 
} else {
$ck.attr("checked", "");
$("[name='ck']:checkbox").attr("checked", "");
var ff = $ck.val();
var cc = $ck.get(0);
window[ff](cc);
} 
} 
} // 单个选择逻辑
{ 
if ($ck.attr("checked") == false) {
$ck.attr("checked", "checked");
var s = $ck.val();
var a = $ck.get(0);
window[s](a);
} 
} else {
$ck.attr("checked", "");
var s = $ck.val();
var cb = $ck.get(0);
window[s](cb);
} 
} 
}) 
})