JQ 操作样式,单选按钮跟复选框
2014-05-21 21:45
295 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#getValue").click(function () { alert($(":radio[name=gender]:checked").val()); }); $("#setValue").click(function () { $(":radio[name=gender]").val(["保密"]); //给radio设值(选中)时要添加中括号[] }); }); /*****选中多个*******/ $(function () { $("#checkBtn").click(function () { $(":checkbox").val(["羽毛球", "篮球"]); }); }); </script> </head> <body> <input type="radio" value="男" name="gender" />男<br /> <input type="radio" value="女" name="gender" />女<br /> <input type="radio" value="保密" name="gender" />保密<br /> <input type="button" value="取值" id="getValue" /> <input type="button" value="设置" id="setValue" /> <br /> <br /> <br /> <input type="checkbox" value="篮球" />篮球 <input type="checkbox" value="足球" />足球 <input type="checkbox" value="乒乓球" />乒乓球 <input type="checkbox" value="冰球" />冰球 <input type="checkbox" value="羽毛球" />羽毛球 <input type="checkbox" value="橄榄球" />橄榄球 <input type="button" id="checkBtn" value="选中多个" /> </body> </html>
相关文章推荐
- :1)复选框中文字在左边;2)最下部为水平滚动条。水平滚动条最小值为4、最大值为72;且在窗体Load事件中通过代码设置;3)单击任何复选框,标签上文字样式都发生变化;4)单击任意单选按钮,标签上文字
- JavaScript操作文本框、单选按钮、下拉框、复选框
- jquery中 val()操作 与 复选框、下拉列表、单选按钮的设置
- 1)复选框中文字在左边;2)水平滚动条最小值为4、最大值为72;且在窗体Load事件中通过代码设置;3)单击任何复选框,标签上文字样式都发生变化;4)单击任意单选按钮,标签上文字字体都发生改变;5)拖
- 使用easyui框架form控件,单选按钮radio或复选框checkbox样式问题
- JQuery操作单选按钮,复选框,下拉款的操作
- 使用easyui框架form控件,单选按钮radio或复选框checkbox样式问题
- 表单样式美化--复选框和单选按钮
- asp.net 性别 单选按钮 操作Radiobutton控件
- 单选按钮和复选框
- C# WinForm下DataGridView单选按钮列和支持三种选择状态的复选框列的实现
- Android 单选按钮和复选框事例
- 一步一步地实现菜单栏(JMenuBar)工具栏(JPopupMenu)组合框(JComboBox)复选框(JCheckBox)单选按钮(JRadioButton)文本域的综合应用(三)
- 单选按钮的js选中操作
- jQuery:1.5.4.3,表格变色(单击行,把当行的单选按钮(radio)设为选中状态,并应用当前样式)
- C#上机 第十周 单选按钮和复选框
- 第7章、单选按钮RadioGroup与复选框CheckBox(从零开始学Android)
- 单选按钮复选框实例
- 复选框和单选按钮使用demo
- [转]利用jQuery选中下拉框,复选框,单选按钮