js实现单选按钮单击选中,再单击取消选中

如何实现js控制单选按钮,单击选中,再单击就取消选中

有多组单选按钮,且每组单选按钮的value值是不同的,如何用js实现单击选中再单击那个选中的单选按钮则取消选中
,实现方法采用javascript写在页面中,不采用jquery方法。

0

5个回答

0


var flag = true;
  function chkRadio(id) {
  id.checked = flag;
  flag = !flag;
  }

0
qq_36336328
qq_36336328 <input type="radio" name="radio" value='0' onclick="chkRadio(this);" />
一年多之前 回复

写个判断 点击一下是1单数 代表选中 在点一下是2双数 代表取消选中 至于界面上如何展示选没选中 那就以按钮变颜色为主啦

0

这个是unity吗、、、

0

这个最简单的逻辑就是if判断一下就看可以了。下面是简单的例子,以变色为主,点击一下变灰色,再点击一下恢复原来的颜色。



var oDiv = document.getElementById('div1'); oDiv.onclick=function(){ if(this.style.backgroundColor == 'red'){ this.style.backgroundColor = '#ccc'; }else{ this.style.backgroundColor = 'red'; } };
-1
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
原生js控制单选框选中后单次单击取消选中
男 女     function doClick(obj){         var myv=obj.attributes["v"].nodeValue;         if (myv==0){ obj.setAttribute("v",1);               obj.checked=true;         }else{ obj.setAttribute(
单选按钮(radio)的取消与选中
js控制单选按钮(radio)的取消与选中,javascript单选按钮
js radio点击选中 再点击取消
$(function(){ $('input:radio').click(function(){ //alert(this.checked); // var domName = $(this).attr('name');
radio实现第一次点击选中第二次点击取消
Jquery代码如下: $("#add_form .radio input").bind("click",function(){ var $radio = $(this); // if this was previously checked if ($radio.data('waschecked') == true) { $radio.prop
【前端JS】radio 可单选可点击取消选中
可点击取消的单选框、可单选的复选框。---JS给你想要的
鼠标点击选择行 再次点击取消选择行
http://www.55118885.com/w/642095264.html jQuery中点击TR实现checkbox选中/取消 日期:2016-05-24 阅读:1num Advertisement 我们在很多软件中可以看到点击表格行就可以实现快速的选择中所表格行的tr中的checkbox,下面我来介绍段实现程序。 Jquery中用到的方法:
radio单选框(点击选中,再次点击取消)
一般在查询或注册使用的都是多value多个单选项框即:&amp;lt;input type=&quot;radio&quot; name=&quot;sex&quot; value=&quot;man&quot;/&amp;gt;男 &amp;lt;inpuut type=&quot;radio&quot; name =&quot;sex&quot; value=&quot;woman&quot;/&amp;gt;女但是,查询有时候也会遇到多value一个选项框,例如: &amp;lt;td i
点击选中,再点击取消
$(&quot;.times_div div&quot;).click(function(){if(!$(this).hasClass(&quot;div_one&quot;)){    $(this).addClass(&quot;div_one&quot;);}else{    $(this).removeClass(&quot;div_one&quot;);}});$(&quot;.times_div div&quot;).click(function(){ if(!$(this).has...
单选框radio单击取消选中
&amp;lt;!DOCTYPE HTML&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot; /&amp;gt; &amp;lt;script type=&quot;text/javascript&quot; src=&quot;http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js&quot;&amp;gt;
radio点击选中,再次点击取消选中
html> head> title>单选按钮取消选中的三种方式title> script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"> script> script type="text/javascript"> $(functio
jQuery实现点击单选按钮切换选中状态效果
实现效果:第一次点击单选按钮时选中该按钮,再次点击时取消选中该单选按钮。   关键就是要将单选按钮原来的值保存起来,第二次点击时。如果原来选中则取消,否则选中。   看代码吧,是用jQuery实现的,功能虽小。知识点不少啊。。。。。     $(document).ready(function(){ var old = null; //用来保存原来的对象 $(&quot;input[n...
js再次点击事件,怎么实现点击选中,再次点击取消
  这个最简单的逻辑就是if判断一下就看可以了。下面是简单的例子,以变色为主,点击一下变黑色,再点击一下恢复原来的颜色。 &amp;lt;body&amp;gt; &amp;lt;div id=&quot;div1&quot; style=&quot;width:100px; height:100px; background:red&quot;;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;/body&amp;gt; &amp;lt;script&amp;gt;
单选按钮radio点击已选中的取消选中 。
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"> </script> <script> $(document).ready(function(){ $('input[name="cker"]').bind('change',function(){ $('input[name="cker"]'
js简单的实现点击选中点击取消的效果
.square{width:100px;height:20px;border:1px solid black;margin-top: 10px;}             .selected{background-color:red;}
easyui combtree 单选的时候实现 再次点击取消选中
easyui combtree 单选的时候实现 再次点击取消选中 原理 就是在 select 的时候判断当前节点是否选中, 选中了的话就通过改变 节点 的class 属性来取消选中, 并且清空combotree 的值。同时 return false ,让本次 select 不能实现选中 代码如下 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;hea...
表格变色(单击行,把当行的单选按钮(radio)设为选中状态,并应用当前样式)
表格变色(单击行,把当行的单选按钮(radio)设为选中状态,并应用当前样式)
单选按钮radio点击已选中的,取消选中
function setSelectUserNo(radioObj){ var radioCheck= $(radioObj).val(); if("1"==radioCheck){ $(radioObj).attr("checked",false); $(radioObj).val("0"); }else{ $(radioObj).val("1");
radio点击,第一次点击选中,再次点击取消选中
&amp;lt;div&amp;gt; &amp;lt;input type=&quot;radio&quot; id=&quot;defualtAdd&quot; name=&quot;defualtAdd&quot;&amp;gt;默认地址 &amp;lt;/div&amp;gt; &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; var isDefualtAdd = 0; //0不选中,1选中 $('input:radio'
table(单击行,把当行的单选按钮(radio)设为选中状态,并应用当前样式)
jquery小应用
easyui datagrid行选中情况下,再次点击取消选中。
singleSelect:false, nowap: true, border: false, idField: 'id', columns: [[//显示的列 {field:'ck',width:50,checkbox:'true',align:'center',hidden:true} ea
layui数据表格单击行勾选(多选或者单选行)选项的功能
实现效果: 单击行,自动选中或取消勾选 –对于复选框按钮点击行的选中功能: //单击行勾选checkbox事件 $('.DetailDiv').on(&amp;quot;click&amp;quot;,&amp;quot;.layui-table-body table.layui-table tbody tr&amp;quot;, function () { /*当单击表格行时,把单选按钮设为选中状态*/ var tableDiv; var index ...
Listview点击选中,双击取消选中
在Listview布局文件中加入choicemode = “singleChoice”即可实现点击item的选中效果。 如果不想要选中效果只需要myList.setSelector(new ColorDrawable(Color.TRANSPARENT)); 但是默认效果的问题是单击某个item选中之后,再点击一次,并没有去掉选中的效果。 我目前的解决方法是通过position判断是否选中相...
实现点击单选按钮后面的文字说明自动选中相应单选按钮功能
cshtml代码: 回访状态 关机、欠费、拒接、无法接通、忙音、线路忙、正在通话中 机主不在、换号非本人 空号、停机、黑名单 接通、挂机、不需要
Axure实现单选、全选与取消全选的方式
第一步:创建一个多选项的页面,如下所示:第二步:实现单选效果,选中需要设置单选效果的原件添加用例:第三步:设置原件的选中状态当前原件,其值设置为“toggle&quot;:第四步:设置原件点击后发生的样式变化,在“选中”中对原件的样式进行设置:第五步:原件单选效果已经设置完毕,如下图:第五步:对每一个参与多选的原件都进行单选样式的设置,包括全选原件,如下图所示:第六步:对全选原件选中状态样式的改变进行用例增...
Vue中radio单选框单击取消选中状态
       咳咳。。。如标题所讲,看起来好简单的样子,但是这个需求在一个Vue架构的中大型项目中实现起来又貌似不是想象中的那么容易。以下是我的思路,愚见求各位大佬指教。分析:1、问题就是将input radio单选框改造成单击可以取消其选中状态2、单纯的对input radio进行js控制行不通,因为radio是通过v-repeat出来的,有...
单击行,自动选中当前行中的单选框按钮
需求:单击行,自动选中当前行中的单选框按钮。 aspx页面:
js 中点击一行中任意列数据,则可以让选中或者取消选中
$(function funRadio(){ $(tbody tr).click(function(){ $(this).prop(&quot;stype&quot;, &quot;background-color:#ececec&quot;).siblings().prop(&quot;stype&quot;,&quot;background-color:#ffffff&quot;); if($(this).find(&quot;input:radio&quot;).prop(&quot;ch.
jquery radio 没选中,点击后,选中;选中后,点击,不再选中;
前言使用jquery实现radio,没选中,点击后,选中;选中后,点击,不再选中;实现思路最初的设想最初设想,监听radio的click事件,在click中,阻止默认行为,然后根据点击之前是否选中,来决定是否选中。但这样有个问题,在click监听函数中获取的checked值是点击后的值,无法获取之前的值。于是转变了实现思路修正后的思路监听radio的mousedown事件,获取checked值,因为
单选按钮点击取消 、选中
  &amp;lt;input name=&quot;radio1&quot; value=&quot;cg&quot; type=&quot;radio&quot; tag=&quot;0&quot; /&amp;gt;唱歌 &amp;lt;br /&amp;gt; &amp;lt;input name=&quot;radio2&quot; value=&quot;yr&quot; type=&quot;radio&quot; tag=&quot;0&quot; /&amp;gt;游泳 &amp
Jquery实现,点击选中,点击取消选中
Jquery利用标签属性实现,点击选中,点击取消选中
easyui取消单击行选中状态
设置属性checkOnSelect:false
Android仿CheckBox可以取消选中状态的RadioButton
Android仿checkBox可以取消选中状态的RadioButtonAndroid中RadioButton和CheckBox都是CompoundButton的子View.都是用来选中状态的view,但是CheckBox可以选中后取消选中状态,但就RadioButton虽然可以用代码实现选中后取消选中状态,但太麻烦了.既然CheckBox可以实现,那通过研究RadioButton的源码再加以修改也
Android ListView点击条目实现CheckBox单选、取消选择
前言    ListView带CheckBox实现单选在Android开发中会经常用到,通常的做法就是用一个bean记录CheckBox的状态,每次getView时去判断这个bean的状态。下面我们就用点击条目来实现。 效果图 图中是弹出一个底部dialog、其实和页面是一样的 代码片段 JavaBean实体类数据 public class SaleE...
实战案例1:实现单选按钮及在文本框中展示选中的按钮内容
案例1:实现单选按钮,并将单选按钮内容填充至文本框 (1)元件准备:三个单选按钮,一个button按钮,一个文本框 (2)分析:a.单选按钮的实现;                      b.将选中按钮的内容填充至文本框;                      c.在下一个选中按钮的行为产生之前,对应的单选按钮还是处于选中的状态。 操作步骤: 1.首先在左下角的图形库里选择三个...
单选按钮选中与移除input type="radio" 以及复选框等
test *{ margin:0; padding: 0; } .father{ width:500px; height: 400px; border: 1px solid red; margin:0 auto; } 男 女 下拉选框 我是1 我是2 我是3 复选框 I have a bike11  I have a bike22
js 单选框点击选中和取消
首先是html代码,一个单选框 一个 隐藏域,便于给后台传递数据. &amp;lt;input type=&quot;checkbox&quot; calss=&quot;span4&quot;  name=&quot;randomPassword&quot; id=&quot;randomPassword&quot;  value=&quot;&quot; onclick=&quot;changeBox(this)&quot;/&amp;gt; &amp;lt;input type=&quot;hidde
单选框radio点击选中、取消选中
单选框radio点击选中、取消选中
radio:未选中状态基础上点击一次,选中;选中状态基础上点击一次,取消选中
html: //如果几个radio的name是相同的,则只能单选,即不能同时勾选几个 //name不同时,则可以像checkbox一样同时多选 &amp;lt;input type=&quot;radio&quot; tag=&quot;0&quot; name=&quot;radio1&quot; id=&quot;radio1&quot; style=&quot;font-weight: 400;&quot; value=&quot;1&quot;/&amp;gt; &amp;lt;input ty
JAVASCRIPT之单选按钮,双击取消选中
JAVASCRIPT之单选按钮,双击取消选中
全选 点击全选 全选,当全部选中后 ,再点击全选 全部取消选中(zym)
function  selectAll() {     var inputs = $(".tocollectpost");     var j=0;     for (var i = 0; i         if(inputs[i].type === "checkbox" && inputs[i].checked==false) {              inputs[i].ch
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 学过java再学习c# 学过java再学习php