Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在表单中使用Tab键(32)时,icheck.js单选按钮会自动被选中_Javascript_Jquery_Html_Twitter Bootstrap_Icheck - Fatal编程技术网

Javascript 在表单中使用Tab键(32)时,icheck.js单选按钮会自动被选中

Javascript 在表单中使用Tab键(32)时,icheck.js单选按钮会自动被选中,javascript,jquery,html,twitter-bootstrap,icheck,Javascript,Jquery,Html,Twitter Bootstrap,Icheck,我正在使用icheck来设置奇特的单选按钮和复选框。不过我遇到了一个问题。当我在表单中进行tab并通过单选按钮时,它会自动检查其中一个单选按钮 这是一个示例,只需在表单中单击tab键,就可以看到它是如何自动检查单选按钮的。有人知道我如何更改icheck.js以避免这种情况发生吗我试图仍然能够通过单选按钮进行制表,但不能让它自动检查第一个按钮。我希望它们具有与鼠标悬停时相同的效果,只要有一个环,以防您想用空格键选择它们 我看到其他论坛说,这是一个正在研究的问题,但这是几年前的事,无法找到解决办法

我正在使用icheck来设置奇特的单选按钮和复选框。不过我遇到了一个问题。当我在表单中进行tab并通过单选按钮时,它会自动检查其中一个单选按钮

这是一个示例,只需在表单中单击tab键,就可以看到它是如何自动检查单选按钮的。有人知道我如何更改icheck.js以避免这种情况发生吗我试图仍然能够通过单选按钮进行制表,但不能让它自动检查第一个按钮。我希望它们具有与鼠标悬停时相同的效果,只要有一个环,以防您想用空格键选择它们

我看到其他论坛说,这是一个正在研究的问题,但这是几年前的事,无法找到解决办法

在此方面的任何帮助都将不胜感激

<fieldset class="radio-strip">
    <label class="checked">
      <input name="amt" value="10" type="radio">
      <span class="label-text">$<strong>10</strong></span>
    </label>
    <label>
      <input name="amt" value="25" type="radio">
      <span class="label-text">$<strong>25</strong></span>
    </label>
    <label>
      <input name="amt" value="50" type="radio">
      <span class="label-text">$<strong>50</strong></span>
    </label>
    <label>
      <input name="amt" value="100" type="radio">
      <span class="label-text">$<strong>100</strong></span>
    </label>
  </fieldset>
</body>

jQuery('input').iCheck({
  checkboxClass: 'icheckbox_square-blue',
  radioClass: 'iradio_square-blue',
  increaseArea: '20%' // optional
});

$10
$25
$50
$100
jQuery('input').iCheck({
checkboxClass:'icheckbox_square-blue',
无线电课堂:“伊拉迪奥广场蓝”,
increaseArea:'20%'//可选
});
但是,有一个问题。您如何区分您是哪个单选按钮?

来自:

tabindex全局属性是一个整数,指示元素是否可以获取输入焦点(可聚焦),是否应该参与顺序键盘导航,如果是,在什么位置。它可以有几个值:

负值意味着元素应该是可聚焦的,但不应该通过顺序键盘导航来访问

因此,您可以将单选按钮的tabindex设置为-1:

片段:

jQuery('input').iCheck({
checkboxClass:'icheckbox_square-blue',
无线电课堂:“伊拉迪奥广场蓝”,
increaseArea:'20%'//可选
});
jQuery('input').attr(“tabindex”,“-1”)
.icheckbox_方形蓝色,
.iradio_square-blue{
显示:内联块;
*显示:内联;
垂直对齐:中间对齐;
保证金:0;
填充:0;
宽度:22px;
高度:22px;
背景:url数据数据:图像/png;Bas64,这项研究是一项研究。该研究是一项研究。该研究是一项研究是一项研究。该研究是一项研究。数据数据数据:图像/png(数据:图像/png;基础64,基础64,基础64,该项研究是一项研究。该研究是一项研究的数据。该研究是一项研究是一项研究。该研究是一项研究的数据。数据:图像的数据:图像/数据数据:图像/数据数据:巴巴巴巴巴巴巴巴巴新数据:图像/数据:图像;巴巴巴巴新巴巴巴新(图像;巴新数据:图像/巴新巴新巴巴新的数据:图像;巴门门门门门托(数据;巴新巴巴巴巴巴巴巴巴巴新的数据;巴门托;巴门托;巴巴巴巴巴巴巴新;巴巴门托;巴门托;巴巴门托;巴巴巴巴门托;巴巴巴巴巴巴巴巴A/ujh+2.该文的意思是:一个简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的简单的一点的SO9xNFM/RI7unxfDh+研究结果表明,该领域的研究成果是一个关于QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQIFPNNXH8E5DM2FL+NYJV30S/这是一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的第四个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的第四个中国的第四个中国的第四四四个中国的中国的一个中国的中国的一个中国的中国的一个中国的一个中国的一个中国的一个中国的4 4 4 YHDWYQ0B3N+b6JaBD8S+XAJLFb+WC5bNdKh+m+ur+ovB8月8日,一家商业银行发布了一份商业数据。6月6日,6月8日,6月6日,6月8日,一家商业银行的数据层。8月8日,一家商业银行发布了一份商业数据层。8月8日,一家商业银行发布了一份商业数据层。8月8日,6月6日,6月8日,8月8日,6月8日,8月8日,8月8日,8月8日,8月8日,8日,8月8月8日,8月8日,8日,8月8日,8日,8月8日,8月8月8日,8月8日,8日,8月8日,8日,8日,8月8日,8日,8月8日,8日,8月8日,8日,8月8日,8日,8月8月8日,8月8日,8月8日,8日,8日,8日,8日,ZMBI0E88IB/etFgyHA5p7OyXF/4.一个7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 xa6i2b6VD9NtdX9XeARWJfKoFX8dta33D/DEny3HswIlvfbJ(2)WWWGGZZGGGGGGZZZGGGGGGZZGGGGGGZZGGGGGGGGGGGGGZZZGGGGGGZZZZZGGGHXXXHHHZVZVGGGGZZZZZGGGGGZZZZZZZZZZZZZ8 8 8(8)8(8(8)GGGGGGGZZZZZZ8(8(8)8(8(8)GGGGGZZZZZZZZZZZZZ8(8 8 8 8 8 8(8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 AL79+/QWcFvzf9qF/fw3+uPObaPx82L5k2AVqItjfurY/CfoUqP770v8.Gd8-Gd8-Gd8-Gd8-Gd8-Gd8-Gd8-Gd8-Gd8-Gd8-Gd8-Gd8-Gd8-8-Gd8-Gd8-Gd8-Gd8-Gd8-8-8-G8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8-8SWIDGENL960ZKH/a3gDGjgSaqow0Y/jEbWx78hwviPxzp+NkojaneRV/18iQ3roiDAhvaC1zmfsWTCD3R/ZQR/q5lfuyul1TeEopw+qyzfEI/yWl2rc/9Ix8C7Uj7S+UcjW63/tK6vU6Zt0qRJ5/+EQGTUX9FAPAAABJRU5ERKJGGG=”)无重复;
边界:无;
光标:指针;
}
.icheckbox_方形蓝色{
背景位置:0;
}
.icheckbox_方形-蓝色。悬停{
背景位置:-24px 0;
}
.icheckbox_方形-蓝色。选中{
背景位置:-48px 0;
}
.icheckbox_方形-蓝色。已禁用{
背景位置:-72px 0;
游标:默认值;
}
.icheckbox_square-blue.checked.disabled{
背景位置:-96px 0;
}
.iradio_square-blue{
背景位置:-120px 0;
}
.iradio_square-blue.hover{
背景位置:-144px 0;
}
.iradio_方形-蓝色。方格{
背景位置:-168px 0;
}
.iradio_square-blue.disabled{
背景位置:-192px 0;
游标:默认值;
}
.iradio_square-blue.checked.disabled{
背景位置:-216px 0;
}
/*HiDPI支持*/
@介质(-o-min-device-pixel-ratio:5/4),