JQ 操作样式,单选按钮跟复选框

<!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>

JQ 操作样式,单选按钮跟复选框,布布扣,bubuko.com

时间: 2024-12-25 17:46:10

JQ 操作样式,单选按钮跟复选框的相关文章

单选按钮和复选框

JRadioButton构造函数: JRadioButton():建立一个新的JRadioButton. JRadioButton(Icon icon):建立一个有图像但没有文字的JRadioButton. JRadioButton(Icon icon,boolean selected):建立一个有图像但没有文字的JRadioButton,且设置其初始状态(有无被选取). JRadioButton(String text):建立一个有文字的JRadioButton. JRadioButton(S

DOM(十)使用DOM设置单选按钮、复选框、下拉菜单

1.设置单选按钮 单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象,但每次只能选一个.每一个都有checked属性,当一项选择为ture时,其它的都变为false. 先贴沙漠化一个例子: <script type="text/javascript"> function getChoice() { var oForm = document.forms["uForm1"]; var aCh

js自定义修改复选框单选框样式,清除复选框单选框默认样式

之前做项目的时候,也遇到过需要按照设计稿把<input type="checkbox">和<input type="radio">的默认样式进行修改,但发现,并没有可以重置效果的方法,之前用过-webkit-appearance的方法,但是这个只在webkit内核的浏览器里面生效,火狐不生效. 所以自己写了个js,用li来模拟复选框和单选框的效果,很简单,7行就行. 效果图:  涉及到的知识点:自定义属性来存储点击状态和原来的class名 h

mui开发中获取单选按钮、复选框的值

js获取单选按钮的值 function getVals(){ var res = getRadioRes('rds'); if(res == null){mui.toast('请选择'); return;} mui.toast(res); } function getRadioRes(className){ var rdsObj = document.getElementsByClassName(className); var checkVal = null; for(i = 0; i < rd

RadioButton(单选按钮)&amp;Checkbox(复选框)

本节引言: 本节给大家带来的是Andoird基本UI控件中的RadioButton和Checkbox; 先说下本节要讲解的内容是:RadioButton和Checkbox的 1.基本用法 2.事件处理: 3.自定义点击效果: 4.改变文字与选择框的相对位置: 5.修改文字与选择框的距离 其实这两个控件有很多地方都是类似的,除了单选和多选,事件处理,其他的都是类似的! 另外还有一个ListView上Checkbox的错位的问题,我们会在ListView那一章对这个问题进行 解决,好的,开始本节内容

自定义_单选按钮和复选框_样式

<!doctype html> <html> <head> <meta charset="utf-8" /> <style type="text/css"> /*自定义单选按钮样式*/ div.item01 .box { display: inline-block; width: 27px; height: 27px; position: relative; background: #fff; vertic

Form表单中单选按钮和复选框值得传递

单选框 <form> <input type="radio" name="fruits" value="apple" /> Apple <br /> <input type="radio" name="fruits" value="orange" /> Orange <br/> <input type="radi

获取表单中的输入内容、单选按钮、复选框的输入内容

<html><head> <meta charset="utf-8"> <title>js</title> <script type="text/javascript"> function show(){ var name=document.myform.name.value; alert("姓名:"+name); var sex; if(document.myform.se

8、复选框、单选按钮、table定位

一.单选按钮和复选框单选.多选 和普通元素定位一样 二.复选框全选 复选框的 type=checkbox checkboxs = driver.find_elements_by_xpath(".//*[@type='checkbox']") for i in checkboxs: i.click() 三.判断是否选中:is_selected() 1.有时候这个选项框,本身就是选中状态,如果我再点击一下,它就反选了,这可不是我期望的结果,那么可不可以当它是没选中的时候,我去点击下: 当它