如何在Qunit Checkbox中添加事件

时间:2014-09-20 15:45:02

标签: javascript jquery checkbox addeventlistener qunit

我正在使用QUnit并且有一个简单的要求:我需要在" qunit-testrunner-toolbar"中使用我的自定义复选框。已经有3个复选框。

我可以使用以下方式添加复选框:

QUnit.config.urlConfig.push({
id: 'foo',
value: 'bar',
label: 'Enable foo',
tooltip: '...'
});

但是如何将addEvent添加到它。假设我希望此复选框执行一个简单的功能,以便检查它只会显示名称为" GoodTest"的测试用例。并隐藏所有其他人。

先谢谢!!

1 个答案:

答案 0 :(得分:0)

您需要自己编写该功能。当你添加这样的复选框时,id / value会在用户检查时放入查询字符串中。换句话说,对于上面的代码,选中此复选框后,网址将更改为:http://localhost:80/my-test.html?foo=bar

您需要编写JavaScript代码来读取查询字符串,然后根据(或不存在)的值执行某些操作,如下所示:

var params = document.location.search.substr(1).split('&');
for (var i=0; i<params.length; ++i) {
  if (params[i] === 'foo=bar') {
    // user has checked your box, do whatever you need to do!
  }
}