radio选中

jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作; 1.假如我们有如下页面 <input type="text" name="textname" id="text_id" value=""> <!--其余的请自行添加.重要的是要有TYPE.NAME.ID等,一般情况这些都是有的--> 2.下面来看怎么取得FORM中的各种值等等; function get_form_value(){ var textval = $("#text_id").attr("value");//或者 var textval = $("#text_id").val(); var valradio = $("input[@type=radio][@checked]").val(); var checkboxval = $("#checkbox_id").attr("value")； var selectval = $('#select_id').val(); } 3.另外对表单的其他处理: //控制表单元素： //文本框，文本区域： $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');//填充内容 //多选框checkbox： $("#chk_id")

目录 jquery引入 标签查找 层级选择器：（同css） 基础选择器 属性选择器 表单筛选器 链式表达式 操作标签 样式操作 css操作 位置操作 尺寸 文本操作 值操作 属性操作 文档操作 事件 移除事件(不常用) 事件委托 页面载入 jquery的each bootstrap 栅格系统 列偏移col-md-offset-x 列嵌套 jquery引入 下载链接：jQuery官网 https://jquery.com/ 中文文档：jQuery AP中文文档 <script src="jquery.js"></script> <script> </script> //第二种方式,网络地址引入 <!--<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>--> 下载 jquey方法找到的标签对象称为jquery对象 原生js找到的标签对象称之为DOM对象 dom对象只能调用dom对象的方法,jquery对象只能用jquery方法,不能互通 jquery对象和dom对象互相转换 /jQuery对象转成DOM对象，通过一个jQuery对象+[0]索引零，就变成了DOM对象，就可以使用JS的代码方法了，DOM对象转换成jQuery对象：$(DOM对象)，通过$符号包裹一下就可以了 jquery对象

//根据value值设置radio选中状态 < input type = "radio" class = "sex" name = "sex" value = "m" / > 男 < input type = "radio" name = "sex" value = "y" / > 女 var sex = $ ( ".sex" ) . val ( ) ; $ ( ":radio[name='sex'][value='" + sex + "']" ) . prop ( "checked" , "checked" ) ; 来源： CSDN 作者： 土草贝 链接： https://blog.csdn.net/weixin_42700169/article/details/103119107

1. Radio无法选中问题 背景：当从table列表选中数据进行修改时，跳转到表单修改页面是radio无法选中； 说明：后端传递过来的status为字符串类型； 方法一： <el-radio-group v-model="formData.heapType"> <el-radio :label="'0'">状态一</el-radio> <el-radio :label="'1'">状态二</el-radio></el-radio-group> 方法二：　　 <el-radio-group v-model="formData.heapType"> <el-radio label="0">状态一</el-radio> <el-radio label="1">状态二</el-radio></el-radio-group> 方法三：没有亲自测试 this.$set(this.formData, 'status', '1') 参考： radio组件动态绑定选中项 　　 来源： https://www.cnblogs.com/shiyun32/p/11224747.html

利用radio同一个name点击其中一个选中别的都不被选中的单选的属性来代替js, 采用纯css控制( input[checked=”check”]~input{…} ) 1 input{ 2 display: inline-block; 3 width: 20px; 4 height: 20px; 5 background-color: yellow; 6 -webkit-appearance: none; 7 -moz-appearance: none; 8 appearance: none; 9 } 10 input:checked~input{ 11 background-color: lightblue; 12 } 13 1 <div id="radioBox"> 2 <input type="radio" name="star"> 3 <input type="radio" name="star"> 4 <input type="radio" name="star"> 5 <input type="radio" name="star"> 6 <input type="radio" name="star"> 7 </div> 来源： http://www.cnblogs.com/xcdl/p/7410036.html