有时候在做registration的时候,会遇到点击agree的时候为可点击,不点击agree的checkbox的时候,为灰色不可点击。
html代码如下:
<p> <input id="agree" name="agree" value="1" onclick="onAgreeChecked()" type="checkbox"> <label id="agreeLabel" for="agree">I have read and agree with the above terms and conditions</label> </p> <p id="bitpicker" style=""> <input id="32" onclick="onAgreeChecked()" name="bit" value="32" type="radio"> <label for="32">32-bit</label> <input id="64" onclick="onAgreeChecked()" name="bit" value="64" type="radio"> <label for="64">64-bit</label> </p> <p> <a name="#win-bundle" bundle="true" href="" class="button disabled" id="downloadForRealz" onclick="return onDownloadForRealz(this);">Download Eclipse ADT with the Android SDK for Windows</a> </p>
js代码如下:
function onAgreeChecked() { /* verify that the TOS is agreed and a bit version is chosen */ if ($("input#agree").is(":checked") && $("#bitpicker input:checked").length) { /* if downloading the bundle */ if ($("#downloadForRealz").attr('bundle')) { /* construct the name of the link we want based on the bit version */ linkId = $("a#downloadForRealz").attr("name") + $("#bitpicker input:checked").val(); /* set the real url for download */ $("a#downloadForRealz").attr("href", $(linkId).attr("href")); } /* reveal the download button */ $("a#downloadForRealz").removeClass('disabled'); } else { $("a#downloadForRealz").addClass('disabled'); } }
css样式:
.button.disabled, .button.disabled:hover, .button.disabled:active{ background: none repeat scroll 0 0 #ebebeb; border-color: #999; color: #999 !important; cursor: default; }
相关推荐
CTreeCtrl CheckBox 点击选中或取消节点,子节点也选中或取消,并显示出来。
完美解决了ListView和CheckBox的焦点冲突及CheckBox的复用问题,讲解了CheckBox的全选、反选、删除功能及在下拉刷新和下拉加载中如何保存CheckBox的先前的选中状态
JS控制checkboxJS控制checkbox
ListView和CheckBox结合_以及CheckBox设置点击事件的效率问题 其中实现的功能是: 1.选择一个条目后,回到第二个界面,条目内容要在第一个界面展示 2.CheckBox的条目被选中后,下拉时其它条目也有被选中问题 3.当...
Android 带有切换动画的CheckBox
jquery checkbox点击选中列表样式代码
Qt 自定义Checkbox和QColorDialog 颜色调试框委托 Qt 自定义Checkbox和QColorDialog 颜色调试框委托 Qt 自定义Checkbox和QColorDialog 颜色调试框委托
jquery checkbox 选中 取消 checkbox多选
带checkbox的树 checkbox tree tree tree checkbox
checkBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——js
1、ListView item中加入checkbox后onListItemClick 事件无法触发。 原因:checkbox的优先级高于ListItem于是屏蔽了ListItem的单击事件。 解决方案:设置checkbox的android:focusable="false" 2、选择其中的...
这个项目是Android studio...3、点击ListViewItem选中响应Item里的CheckBox;4、计算选中的项数已经相应UI的隐显增强用户体验;5、自定义AlertDialog布局。全部自己研究编写,测试运行Ok,为真实项目的所用的简化Demo。
eclipse工具、非常全面的自定义的listview实现了button滑动删除、checkbox的点击全显等
解决listview+checkbox点击后滑动错乱问题,把checkbox的点击事件给item
举例来说,一个窗口中,有一个treeview,还有一个ok按钮,当我双击这个treeview的一个checkbox后,再去点那个ok按钮,第一次点击是没有任何作用的,第二次以及以后的点击才会有效,包括点击最大化,最小化,以及关闭...
由于需要个性化checkbox的点击事件,不得以研究了一下点击事件。奈何这个项目组居然没有checkbox的样式,看着这原生的样式丑到爆,不得以研究了一下checkbox。(radio也是同理,区别是最好通过条件控制只能单选。) ...
一个简单的拥有丰富自定义内容的CheckBox多选框集成Gradlecompile 'com.bigmercu.cBox:cbox:1.08'Mavenallprojects { repositories { jcenter() maven { url '...
CheckBox
C#复选框重绘 ,重写的Checkbox,支持选框大小调整、选框图像替换等,适合学习使用
WPF利用字体图标,制作自定义CheckBox,已达到使自己的CheckBox更加的美观