使用JavaScript选择性地将单个或多个单选按钮设置为所需设置的最佳方法是什么?
我有一个问题,当在Android移动设备上查看时,下拉选择框不会下拉(它基本上处于非活动状态).它在桌面浏览器和ios浏览器上运行良好 - 在ios上打开一个选择器轮,从桌面打开一个下拉选择列表.
示例代码是;
<select id = "log_or_norm" autofocus>
<option value="1">Lognormal</option>
<option value="2">Normal</option>
</select>
Run Code Online (Sandbox Code Playgroud)
我试过了发现的建议; http://youngliferamblings.wordpress.com/2011/08/09/select-dropdown-in-android-webview/
这是
有时在Android中,select标签不起作用,尤其是在使用webview的应用中.这让我疯了很长时间.我发现的主要修复,即使你的选择深埋在div和行中,也就是这个css:
选择{visibility:visible; -webkit-appearance:menulist-text; }
-webkit-appearance可能是实际需要的唯一一个,并将其设置为'listbox'也可以.
就这样.这应该是自己的职位.
没有运气......
我希望这里的一位大师可以提供一个优雅的解决方案,避免我不得不为每个选项制作离散按钮的路线.我并不担心Android体验是否会获得一个不错的选择轮,但需要能够让Android用户选择一个选项.
提前感谢你
我知道这是一个经常被问到的问题,但我已经尝试了一些解决方案(例如如何使表格中的分隔线/边框与CSS一起消失?)但我仍然无法得到它.
我已经通过css定义了一个具有交替行颜色的表结构.我希望teh单元格之间的(特别是垂直)边框是不可见的,因此假设我需要零td边框宽度,或者交替的td边框颜色与背景颜色相同.
以下示例是我尝试过的,在从html调用table1 id时,我得到一个漂亮的交替彩色行表,但仍有明显的单元格边框 - 感谢您的帮助.
#table1 table, tr, td, th {
border: 0;
}
#table1 tbody tr:nth-child(odd) {
background-color: #A3B9D2;
}
#table1 tbody tr:nth-child(even) {
background-color: #E7EDF3;
}
Run Code Online (Sandbox Code Playgroud)
然后示例html;
<table id="table1" >
<tr>
<td>Test</td><td>(value)</td>
</tr>
<tr>
<td>Test2</td><td>(value2)</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud) 我试图创建一个链接来创建一个电子邮件,向用户发送信息,其中的主体需要填充javascript函数生成的数据,并希望有人可以提供帮助.
理想情况下,如果我可以替换下面的'body_blurb',那么从点击时调用的javascript函数返回的字符串就是完美的.
<A HREF="mailto:you@yourdomain.com?subject=Data&body=body_blurb">e-mail data</a>
Run Code Online (Sandbox Code Playgroud)
感谢你的时间
我有一个单独的html文件拆分成多个页面与divs.在每个页面上,我有一个单位切换无线电按钮,按下我希望非可见页面上的所有相应的单选按钮也可以切换.
我尝试使用下面的代码,它适用于页面可见,但在尝试设置不可见单选按钮(a2和b2)时抛出以下错误;
错误:无法在初始化之前调用checkboxradio上的方法; 试图调用方法'刷新'
代码示例;
<fieldset data-role="controlgroup" data-type="horizontal" >
<input type="radio" align="center" name="radio-view1" id="radio-view-a1" checked="checked">
<label for="radio-view-a1">Imperial</label>
<input type="radio" name="radio-view1" id="radio-view-b1">
<label for="radio-view-b1">Metric</label>
</fieldset>
<!--script type="text/javascript" language="javascript">
$('#radio-view-a1').click(function(){
$('#radio-view-a1').attr('checked',true).checkboxradio("refresh");
$('#radio-view-b1').attr('checked',false).checkboxradio("refresh");
$('#radio-view-a2').attr('checked',true).checkboxradio("refresh");
$('#radio-view-b2').attr('checked',false).checkboxradio("refresh");
updown_toggle_units2imperial();
});
$('#radio-view-b1').click(function(){
$('#radio-view-a1').attr('checked',false).checkboxradio("refresh");
$('#radio-view-b1').attr('checked',true).checkboxradio("refresh");
$('#radio-view-a2').attr('checked',false).checkboxradio("refresh");
$('#radio-view-b2').attr('checked',true).checkboxradio("refresh");
updown_toggle_units2metric();
});
</script-->
Run Code Online (Sandbox Code Playgroud)
编辑:我创建了一个小提琴演示.如果您转到链接,并单击带有firebug或类似激活的Metric按钮,您可以看到错误消息
任何协助,以帮助我理清如何实现所需的beviour将不胜感激!
谢谢
我想有一个按钮,根据用户选择更改数据图标类
示例按钮将是:
<a href="#language2" data-rel="popup" data-role="button"
data-icon="english-flag" data-inline="true"
data-position-to="origin">
<span id="language3">English</span>
</a>
Run Code Online (Sandbox Code Playgroud)
我想知道的javascript代码,我需要为了改变定义的定制实现data-icon="english-flag",以代替data-icon="another-flag"
提前致谢.
编辑:下面关于如何指定影响哪个按钮的后续问题的答案可以在以下位置找到; 如何使用javascript更改特定的JQuery Mobile按钮图标