casperjs单击单选按钮不起作用

Question

我知道有很多关于如何点击带有casperjs的单选按钮的问题，我已经阅读了一些，问题是我无法使其工作。

这是表单的一部分，这是带有单选按钮的html代码：

<ul>

    <li>
      <input id="gender1" name="gender" value="10" onclick="groupFilledField(this);" type="radio">
      <label for="gender1" class="radio">Hombre</label>
    </li>
    <li>
      <input id="gender2" name="gender" value="20" onclick="groupFilledField(this);" type="radio">
      <label for="gender2" class="radio">Mujer</label>
    </li>
</ul>

这是我的代码casperjs代码：

casper.then(function() {
  this.click('input[id="gender1"][value="10"]');

});

casper.fill('form[action="/candidate/create-profile/personal-data-run.xhtml"]', config.form2, true);
casper.waitForSelector("#save").thenClick("#save");

casper.wait(5000).then(function() {
  this.capture('testlol.png');
});

有什么建议我做错了吗？