radio

GridView里实现Radio单选

我与影子孤独终老i 提交于 2020-03-23 18:53:58
一.在ASPX中创建一个GridView控件,并绑定Radio客户端控件 < asp : GridView ID ="GridMediaList" runat ="server" AutoGenerateColumns ="False" OnSelectedIndexChanged ="GridMediaList_SelectedIndexChanged"> < Columns > < asp : TemplateField > < ItemTemplate > < input name ="RadioButton1" type ="radio" value =' <% # Eval("ID") %> ' onclick ="setRadio(this);" /> </ ItemTemplate > </ asp : TemplateField > </ Columns > </ asp : GridView > 二.添加相关的JavaScript脚本 < script language ="javascript" type ="text/javascript"> function setRadio(nowRadio) { var myForm,objRadio; myForm=document.forms[0]; for ( var i=0;i<myForm.length;i++

纯css写单选框和复选框的样式和功能

£可爱£侵袭症+ 提交于 2020-03-23 18:25:27
只用纯css写的单选框和复选框的样式和功能该怎么写?看这里,复制下面的代码运行一遍就知道了,快试试吧! 效果截图: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/> <title>移动单选按钮</title> <link rel="stylesheet" type="text/css" href="http://dn.yun******.com/css/reset-min.css"> <style> /*纯CSS写法*/ .checkbox-group input{display:none;opacity:0;} .checkbox-group input[type=checkbox]+label, .checkbox-group input[type=radio]+label { line-height: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;

Fetching icecast metadata file

旧巷老猫 提交于 2020-03-23 14:15:48
问题 I am getting icecast metadata using jquery XMLHttpRequest. There is status.xsl and status-json.xsl url. How do I know when do I use each one, if I only have icecast radio url? For example this radio works with both of them: http://149.56.195.94:8416/status.xsl http://149.56.195.94:8416/status-json.xsl This radio throws an error using status-json.xsl http://stream.radios-arra.fr:8000/status.xsl http://stream.radios-arra.fr:8000/status-json.xsl - ERROR: Could not parse XSLT file 回答1: If you are

自定义 checkbox 和 radio

隐身守侯 提交于 2020-03-23 12:25:04
在页面中我们经常会使用到 checkbox 和 radio,但是,部分浏览器显示的效果并不能让我们满意,因此想通过一种方式,更改其样式。 这里使用到的就是使用 label,结合 before 实现样式的更改。 完整代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>定制checkbox 与 radio</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-size: 1rem; } main { padding: 100px; display: flex; align-items: center; } input[type=checkbox], input[type=radio] { display: none; } input[type=checkbox]+label, input[type=radio]+label { margin-right: 10px; text-align: center; cursor: pointer; display:

JQuery常用操作

旧城冷巷雨未停 提交于 2020-03-17 04:45:47
//遍历option和添加、移除option function changeShipMethod(shipping){   var len = $("select[@name=ISHIPTYPE] option").length    if(shipping.value != "CA"){      $("select[@name=ISHIPTYPE] option").each(function(){         if($(this).val() == 111){          $(this).remove();         }    });    } else   {     $("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));   } } //取得下拉选单的选取值 $(#testSelect option:selected').text(); 或$("#testSelect").find('option:selected').text(); 或$("#testSelect").val(); ////////////////////////////////////////////////////////////////// 记性不好的可以收藏下: 1

jQuery的radio,checkbox,select操作

|▌冷眼眸甩不掉的悲伤 提交于 2020-03-17 04:41:33
获取一组 radio 被选中项的值 var item = $ ( ' input[@name=items][@checked] ' ) . val () ; 获取 select 被选中项的文本 var item = $ ( " select[@name=items] option[@selected] " ) . text () ; select 下拉框的第二个元素为当前选中值 $ ( ' #select_id ' )[ 0 ] . selectedIndex = 1 ; radio 单选组的第二个元素为当前选中值 $ ( ' input[@name=items] ' ) . get ( 1 ) . checked = true ; 获取值: 文本框,文本区域:$ ( " #txt " ) . attr ( " value " ) ; 多选框 checkbox :$ ( " #checkbox_id " ) . attr ( " value " ) ; 单选组 radio : $ ( " input[@type=radio][@checked] " ) . val () ; 下拉框 select : $ ( ' #sel ' ) . val () ; 控制表单元素: 文本框,文本区域:$ ( " #txt " ) . attr ( " value " , '' ) ; //清空内容

JQUERY RADIO 操作

拜拜、爱过 提交于 2020-03-17 04:38:40
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[@name=items]').get(1).checked = true; 获取值: 文本框,文本区域:$("#txt").attr("value"); 多选框checkbox:$("#checkbox_id").attr("value"); 单选组radio: $("input[@type=radio][@checked]").val(); 下拉框select: $('#sel').val(); 控制表单元素: 文本框,文本区域:$("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容

vue+elementUI中el-radio设置默认值

假装没事ソ 提交于 2020-03-10 18:30:44
如果后台返回的单选框的值是number:单选框的lable需要设置成 :lable=‘0’;如下: < el - form - item label = "仿牌选项:" prop = "ifCod" size = "mini" class = 'form-label' > < div id = 'radio' > < el - radio class = 'm0' : disabled = "disable" v - model = "form.ifCod" : label = "0" > 普货 < / el - radio > < el - radio class = 'm0' : disabled = "disable" v - model = "form.ifCod" : label = "1" > 仿牌 < / el - radio > < / div > < / el - form - item > data ( ) { return { form : { ifCode : 0 } } } 后台返回的是字符串 则正常写; < el - form - item label = "仿牌选项:" prop = "ifCod" size = "mini" class = 'form-label' > < div id = 'radio' > < el - radio class

ElementUI之修改弹出层界面 Radio不能回显

こ雲淡風輕ζ 提交于 2020-03-06 09:10:43
< el-form-item label = " 出租状态 " > < el-radio-group v-model = " ruleForm.isRenting " > < el-radio label = " 1 " > </ el-radio > < el-radio label = " 0 " > </ el-radio > </ el-radio-group > </ el-form-item > 修改方法: 将label改为 :label 来源: CSDN 作者: 对,是我 链接: https://blog.csdn.net/qq_41154522/article/details/104614721

09-Vue的v-model(双向绑定)的使用

你说的曾经没有我的故事 提交于 2020-03-03 06:28:47
v-model的基本使用 < html lang = " en " > < head > < meta charset = " UTF-8 " /> < title > Document </ title > </ head > < body > < div id = " app " > < input type = " text " v-model = " message " /> {{message}} </ div > < script src = " ../js/vue.js " > </ script > < script > const app = new Vue ( { el : "#app" , data : { message : "你好" } } ) </ script > </ body > </ html > 1.什么是v-model 简单来说就是将data变量和用户输入绑定起来。 效果如下: 2.问题分析 当input使用v-model和data变量中的message绑定之后,可以理解为二者为同一个地址,所以可以通过input直接修改message,而Mustache语法{{message}}显示的内容也会随之更改。 v-model的原理 < html lang = " en " > < head > < meta charset = " UTF-8 "