判断!!!如何在JS里面通过value值判断当前选择的按钮,并打印出来

1.当点击“长期有效”时,打印出“长期有效”。
2.当点击自定义后,显示时间弹出框并选择时间后,打印出当前日期。(这边要判断是否选择了日期,没有选择日期的话要alert选择时间)

HTML代码

<div class="col-sm-10">
<input type="radio" name="inlineRadioOptions1" id="inlineRadio1" value="option1" class="dateChoose" value="
0"> 
<label for="inlineRadio1">长期有效</label>

<input type="radio" name="inlineRadioOptions1" id="inlineRadio2" value="option2" class="dateChoose others" value=
"1"> 
<label for="inlineRadio2">自定义</label>

<input type="date" name="inlineDateChoose" class="form-control dateJump" id="datetimeInput" value="" placeholder="" style="width: 165px">
<button id="btn" class="btn">点我</button>
</div>

显示/隐藏效果代码

<style>
    .others ~ input[type='date'] {
        display:none;
    }
    .others:checked ~ input[type='date'] {
        display:inline;
    }
    #date:before {
        content:"before";
    }
    #date::before {
        content:"before";
    }
    </style>

显示/隐藏JS效果代码

$(function(){
        $(".dateChoose").click(function(){
            $(this).siblings().attr("checked",false);
            $(this).attr("checked",true);
            if($(this).attr("class").indexOf('others')>=0){
                $(this).siblings('.dateJump').show();
            }
            else{
                $(".others").siblings('.dateJump').hide();
            }
        });
    })

JS判断代码!!!!

var v1 = document.getElementById('inlineRadio1');
      var v2 = document.getElementById('inlineRadio2');
      if(v1.value == '0'){
          times = "长期有效";
          console.log(times);
          return times;
      }
      else {
          if(v2.value == '1'){
              times = $(".dateJump");
              console.log(times);
              return times;
          }
          else {
              alert("请选择截止时间");
              return times;
          }
      }
            $('.btn').click(function () {
        console.log(times.val());
    })//打印出times的值为时间或者“长期有效”

效果图

选择长期有效时
图片说明

选择自定义并选择时间

图片说明
图片说明

各位大佬,主要是判断这边的代码不知道怎么写,我是设置了他value的值,从判断value的值来判断点选了那个选项!!!最终打印出的结果times的值为时间或者“长期有效”!!!

0

查看全部3条回答

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
通过单选按钮的value值判断一个文本框是否有用!求解决方案
从未住院                                          目前正在住院                                                                   既往住院,现来住院                                                末次住院时间          
js 在多个按钮中获取点击按钮的id值
window.onload = function(){ var arr = document.getElementsByTagName('button'); for(var i = 0;i<arr.length;i++){ arr[i].onclick = function(){ alert(this.id);//this是关键点 } }
JQuery 判断value选中checkbox 判断checkbox是否选中 修改、获取value值
&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;&amp;lt;script type=&quot;text/javascript&quot; src=&quot;jquery-1.6.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt; //获取选中的checkbox的value值并且赋给文本框 function createOrder
JavaScript如何获取被选中的a标签的值
JavaScript难点解答:要获得指定的a标签的值,我们首先要用JavaScript找到这个a标签,这是一个难点,如何获取被选中的A标签的值,通过下面这种方法,我们就可以获得a标签的href的值,还可以获得a标签的innerHTML,这里我们使用的是原生的JavaScript代码,没有框架。 第一部分:JavaScript代码 //获取被选中的a标签的值 function ge
js判断复选框checkbox是否选中,并取出值
JavaScript 获取复选框的值_www.jbxue.com /** * 判断复选框checkbox是否选中,并取出值 * edit by www.jbxue.com * date:2013/7/3 */ function checkbox() { var str=document.getElementsByName("box"); var objarray=str.length;
怎样用js取得select下拉列表框内选中的option的value值呢
&amp;lt;select id=&quot;myselect&quot;&amp;gt; &amp;lt;option value=&quot;fist&quot;&amp;gt;1&amp;lt;/option&amp;gt; &amp;lt;option value=&quot;second&quot;&amp;gt;2&amp;lt;/option&amp;gt; &amp;lt;option value=&quot;third&quot;&amp;gt;3&amp;lt
怎样用JS判断单选按钮是否选中?
注:单选按钮已被选为默认。(win8项目中遇到的小问题) function checkradio() {  for(i=0;i  {   if(document.form1.Fruit[i].checked)   {    alert("您最喜欢的水果是:"+document.form1.Fruit[i].nextSibling.nodeValue);   }  } }
js 如何在多个按钮中获取点击按钮的id值
window.onload = function(){ var arr = document.getElementsByTagName('button'); for(var i = 0;i<arr.length;i++){ arr[i].onclick = function(){ alert(this.id); } } } b1
jquery获取当前元素的值,比如获取button上的值
$(document).ready(function(){ $("button").click(function(){ alert($(this).html()); $(this).hide(); $("p").hide(); }); }); Click me coding1 coding2 coding3 使用$(this)就可以获得当前元素,上面的文字就
jsp怎么获取下拉列表的value值啊?
如: <select> <option value=“1”>哈哈</option> </select> 获取value的值怎么获取啊?jsp一般select标签中会指明属性名,如:<select name="fruit" > <option value="apple">苹果 <option value="orange">桔子 <option value="mango">芒果 </sele
js中v-for内部获取当前item的下标
&amp;lt;div class=&quot;demo-upload-list&quot; v-for=&quot;(item, index) in uploadList&quot;&amp;gt; {{index}} &amp;lt;/div&amp;gt;  
【mui】复选框、单选框、使用js获取选择值
1、复选框 checkbox常用于多选的情况,比如批量删除、添加等; DOM结构 class="mui-input-row mui-checkbox"> checkbox示例 name="checkbox1" value="Item 1" type="checkbox" checked> 默认checkbox在右侧显示,若希望在左侧显示,只需增加.mu
JS通过主键ID判断是否选中
//判断是否处于选中状态{ field : 'RECORD_DATA_  ID', title : '是否选中', sortable : false, formatter : function(value, row, index) { var ss = &quot;&quot;; ss = &quot;&amp;lt;input type='checkbox' name='isChe...
在JSP中使用el函数标签获取默认值(男女性别选项)
主要用男女性别选项来说一下这个问题,因为在jsp中的input标签中,不能直接使用el标签的三元运算符,会出现黄色的警告线,所以我使用了el函数解决了这个问题,(男女性别选项的问题) 如下图所示,我使用el函数的判断语句,判断从对象中获取到的性别是男还是女,来决定默认值出现在哪个框中,主要用于修改信息的时候,出现用户已经选择的性别 下面再来介绍一下默认选择复选框的解决方案 在
如何获取被点击按钮所在的当前行和类名
       有时候当点击页面表格中的按钮时可能需要获取该按钮所在当前行的信息以及给按钮添加点击事件时可能需要获取该按钮的类名,下面就是获取的方法。                                                                                图片1   //给图片1的加减按钮添加点击事件 function addButt...
input type="file" 在js中判断文件上传类型
input type="file" 在js中判断文件上传类型 function onSubmit(){ var form1 = document.forms[0]; var file = document.forms[0].getfile.value; if (file == null||fi
根据后台传值,控制页面div显示与隐藏
&amp;lt;td name=&quot;operate&quot; class=&quot;&amp;lt;%# Eval(&quot;mstate&quot;).ToString()==&quot;已签发&quot; ? &quot;hide&quot; : &quot;&quot;%&amp;gt;&quot;&amp;gt; &amp;lt;style type=&quot;text/css&quot;&amp;gt; .hide { visibility: hidden; } &amp;lt;
获取选中的input的值(单选按钮)
$('input[type=&quot;radio&quot;]:checked).val(); 补充:获取选中的radio值,都不选时为undifine,有选中时为选中的value &amp;lt;label&amp;gt;&amp;lt;input name=&quot;flag&quot; type=&quot;radio&quot; value=&quot;1&quot;/&amp;gt;开启 &amp;lt;/label&amp;gt; &amp;lt;label&amp;gt;&amp;
JS里获取到for循环中i的实时值。
在使用for循环的时候经常发现i的值在子函数里永远为最大值,其中涉及到的作用域问题就不再多说了。只在这里简单说一下使用闭包和自执行函数的解决方法; http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> http://www.w3.org/1999/xhtml" lang="zh-CN"> 新建网页 html,body{  
js动态获取当前点击事件的属性值
方法: function input(dom){ var bh = dom.getAttribute("id"); alert(bh); } 适用为id属性是动态变化的值
jQuery获取button上的值
jQuery获取button上的值 jQuery获取第一个子元素 获取第一个元素: $(“#getfirst”).find(“ul li:first-child”) 或$(“#getfirst”).find(“ul li”).get(0) 或$(“#getfirst”).find(“ul li”).first()
radio,CheckBox选中状态,判断是否选中,根据值设置radio选中
根据值设置radio选中 &amp;lt;input name=&quot;rbsex&quot; id=&quot;man_radio&quot; type=&quot;radio&quot; value=&quot;1&quot; checked=&quot;checked&quot; /&amp;gt;&amp;lt;label&amp;gt;男&amp;lt;/label&amp;gt; &amp;lt;input name=&quot;rbsex&quot; id=&quot;woman_rad
jstl中<c:if>标签的单选框用法
当servel传回来的值需要单选判断时,可以使用                 checked=""         >                日期
js动态获取li当前选中的值
&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;title&amp;gt;&amp;lt;/title&amp;gt; &amp;lt;script src=&quot;https://cdn.bootcss.com/jquery/1.12.4/jquery.js&quot;&amp;gt;&amp;
用jquery判断按钮的disabled属性
用prop()方法 if($(#btn).prop("disabled")==true){//如果按钮是不可用的 xxxxx }
微信小程序中的获取单选按钮选中的信息
如何获取微信小程序中单选按钮的信息:1、如下的xml代码,此代码是一组单选按钮的实例代码:举例来获取  此组代码所选中的信息,在xml代码中先绑定一个方法“ bindchange=&quot;item_change&quot;” 分别设置各个单元格的value值:&amp;lt;swiper bindchange='swiper_change' current='{{currentid}}'&amp;gt; &amp;lt;bloc...
js简单实现同一html中判断哪个按钮被按下
js简单实现同一html中判断哪个按钮被按下
如何用js获取checkbox的value值
显示的内容 显示的内容 显示的内容 显示的内容 .... JS: function send(){ var id = document.getElementsByName('test'); var value = new Array(); for(var i = 0; i < id.length; i++){ if(id[i].checked) v
jstl c:if标签根据标签value不同分别显示内容
正在执行 已完成
多个按钮点击,判断是哪一个按钮,以及该按钮的取值
1.html文件 &amp;lt;ul class=&quot;priceList&quot; style=&quot;margin-top:16px;&quot;&amp;gt; &amp;lt;li&amp;gt;&amp;lt;button id=&quot;bidPrice1&quot;&amp;gt;-100&amp;lt;/button&amp;gt;&amp;lt;button id=&quot;bidPrice2&quot;&amp;gt;100&a
关于js 点击所在行,获取隐藏域问题
很多人应该都知道,bootstrap datatable中想要通过点击某一行获取隐藏域例:ID { data : "ID", orderable : true, title : "ID", "bVisible": false,//设置为隐藏域 mRender : function(ata,type,row) { return row.ID == null ? '': row.ID;
点击按钮触发js获取标签里的内容并修改
function textModify() { var obj = document.getElementById("p"); alert(obj.innerHTML); obj.innerHTML= "google coding"; } function textModify2() { var obj = document.get
通过JS点击按钮使value值循环改变
比如我们现在要做一个公司的打卡系统,有一个“签到”按钮,点一下“签到”按钮就变成“签退”,再点一下又变成“签到”。 以下代码可以实现这个功能: &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;script type=&q
用js获取input输入的值以及Button按钮
无标题文档   function add(){  //获取输入的值  var name=document.getElementById("name").value;  var sex=document.getElementById("sex").value;  var phone=document.getElementById("phone").value;  var em
HTML单选框多选框(根据name获取值和根据值显示结果)
/** * 根据name获取单选框的值 * @param name * @returns */ function getRadioByName(name){ return $('input:radio[name="'+name+'"]:checked').val(); } /** * 根据name获取多选框的值 * @param name * @returns {String}
js、angularjs 在ng-repeat里用ng-if隐藏某个标签
作者:LoveEmperor_王子様 div class="list " ng-repeat="x in LocalDataauserauths " ng-click="getdoc_no(x.doc_no)"> ion-item class=" item item-inupt"> ion-item class="item " style="height: 45px
小程序获取input里的值
小程序事件的target  currentTarget  detail 1.target触发事件的源组件属性类型说明idstring事件源组件的idtagNamestring当前组件的类型datasetobject事件源组件上由data-开头的自定义属性组成的集合2.currentTarget触发事件的组件属性类型说明idstring事件组件的idtagNamestring当前组件的类型datas...
后台数据控制前端checkbox(是否选中)
网上有很多关于前端checkbox数据怎样传送给后台(action)的实例,但是很少有通过后台数据来控制前端checkbox的是否选中的例子,最近项目中就碰到这个问题 解决办法: 1、后台编写异步方法,获取value集合 public String returnCheckbox(){ //获取value集合 List checklauser =
JS判断input的值
1.通过按钮点击事件驱动,方法document.getElementById()获取input(id)对象,再定义函数,通过判断input的value,提示是否是有效输入。&amp;lt;body&amp;gt;&amp;lt;input type=&quot;text&quot; id=&quot;test&quot; onclick=&quot;send();&quot;/&amp;gt;&amp;lt;button onclick=&quot;send()&quot;&amp;gt;send&amp;
更具后台返回值判断多选框、单选框是否选中
js代码:   $(function(){     var a = "${ps.passagetype}";//运营商      $("input[name='passagetype']").get(a-1).checked= true;     var a = "${ps.pasIsSpPerfix}";//sp字冠支持       $("input[name='pasIsSp
文章热词 设计制作学习 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型
相关热词 ios获取idfa server的安全控制模型是什么 sql android title搜索 java判断晚班签退 java判断晚班签时到