判断!!!如何在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个回答

已解决,换了其他的方式后可以成功!

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

document.getelementbyid("inlineRadio1").innerText应该能读取它的文本值

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
通过单选按钮的value值判断一个文本框是否有用!求解决方案
从未住院                                          目前正在住院                                                                   既往住院,现来住院                                                末次住院时间          
vue数据循环下的input和button,点击button获取对应input的数据
&amp;lt;li v-for=&quot;(kxz, index) in kxz &quot; id=&quot;wz1&quot;&amp;gt; &amp;lt;div class=&quot;grid-content bg-purple input&quot;&amp;gt; &amp;lt;input class=&quot;text_fz&quot; :id=&quot;'text'+index&quot; type=&quot;text&quot; :val
多个同名ID/class,点击那个取得当前那个的值和属性值
多个同名ID/class/函数,点击那个取得当前那个的值和属性值 Title $(".test").live("click",function(){ var imgsrc = $(this).attr("lay-id"); alert(imgsrc); }); User admin Student
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
JS如何获取和改变 单选按钮radio选中的值
1、html:<label style="font-size: 14px"><input id="input1"style="width:25px;height:13px;" type="radio" name="radio" value="否" checked/>否</label> <label onclick="fun();" style="font-size: 14px"><input id=
<s:iterator>标签内使用<s:if>判断条件
今天在jsp页面使用获取后台List集合,然后使用判断list元素的属性,网上很多方法都不能实现,下面是我实现后的代码:<s:iterator id="itid" value="dataList" var="o" status="s"> <s:if test='#o.dataStr=="yes"'>后面的比较字符串最好使用双引号,判断条
怎样用JS判断单选按钮是否选中?
注:单选按钮已被选为默认。(win8项目中遇到的小问题) function checkradio() {  for(i=0;i  {   if(document.form1.Fruit[i].checked)   {    alert("您最喜欢的水果是:"+document.form1.Fruit[i].nextSibling.nodeValue);   }  } }
多个按钮点击,判断是哪一个按钮,以及该按钮的取值
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获取input输入的值以及Button按钮
无标题文档   function add(){  //获取输入的值  var name=document.getElementById("name").value;  var sex=document.getElementById("sex").value;  var phone=document.getElementById("phone").value;  var em
jstl中<c:if>标签的单选框用法
当servel传回来的值需要单选判断时,可以使用                 checked=""         >                日期
Js判断下拉框是否为空值
&amp;lt;title&amp;gt;Js判断下拉框&amp;lt;/title&amp;gt; &amp;lt;script&amp;gt; function ss(){ var slt=document.getElementById(&quot;aa&quot;); if(slt.value==&quot;&quot;){ alert(&quot;请选择一个项目&quot;); return false; } return true; } &amp;lt;/
获取option标签 并设置selected状态
本文rt 11 22 默认是1为选中,即selected状态。 如果这里的select标签是一个外键的值    比方说 一个学生表  学生表里学院编号是外键   你查询学生后要显示   有的人是1号学院的 有的人是2号学院的 而默认是1号学院 用js来实现自动selected var v = document.form.select; for (var
js获取input里的值,并判断不为空
if (undefined == $('input:radio:checked').val()) { $rootScope.Alert(&quot;系统提示&quot;, &quot;单选题不能为空&quot;); return; } if (''==$('textarea').val()) { $rootScope.Alert(&quot;...
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(){     var a = "${ps.passagetype}";//运营商      $("input[name='passagetype']").get(a-1).checked= true;     var a = "${ps.pasIsSpPerfix}";//sp字冠支持       $("input[name='pasIsSp
使用onChange ,获取input标签的值
Document <!-- 原本的 react package 被拆分为 react 及 react-dom 两个 package。其中 react package 中包含 React.createElement、 .createClass、 .Component, .PropTypes, .Children 这些 API,而 react-dom package 中包含 ReactDOM
js获取a标签的值
我之前做过那种获取radio值的,获取a标签值还是第一次,当时比较懵,本身前台也是我的软肋,写完以后,感觉一个道理,下面来跟大家共享一下。 a标签部分:<div class="aaa_xuanze"> <a id="button1" onclick="k(1)" class="button_1 xz" >测试1</a> <a id="button2" onclick="k(2)" cla
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
js获取<s:select>正在显示的值
Html代码: tr>      td >接口名称:td>      "zyid" list="#session.data" id="zyid" listKey="zyid"  listValue="zyid" headerValue="请选择接口名称">   tr>   tr >   td >   input id="chaxun" type="button" value="查询"
保存时,使用JS进行非空判断时,如何获取单选按钮,选定的值?
做项目时,遇到这个问题: *是否发布:             checked="checked" value="3"/>是       checked="checked" value="0"/>否       解决方案:$("input[name='articleStatus']:checked").val() 可以直接获取单选按钮的值,如果没选则为空! 也可以: v
在JS中使用layui复选框根据个人判断所拥有的权限
只要数据库中有个人所持有的权限关系,则根据个人id和权限的id关系,可以控制复选框的选中。以下为权限关系是表格形式的:注意:在js写完代码,执行事件的时候,有时候会出现页面加载完后,第一次点击事件会生效,第二次以后点击事件就不生效的情况,这时候要把.attr(&quot;check&quot;,true)换成.prop(&quot;check&quot;,true)就可以了。layui.use(['form'], function() ...
javascript遍历select下拉框判断其中值是否与指定值相等
用jquery多了,就忘了原生的js是如何写的了,还需要多加巩固。 需求:jsp回显一select下拉框。选中指定值。 用户点击修改 该select进行已有值回显。有两种解决方法 一、js中获取用户的该swig_dmSelect值,本例中是从action中获取的 js获取所有option,然后遍历进行判断。 <% String swjg_dmSele
select 根据某个特定的值去匹配option的value从而选中该option
今天做修改功能的时候,因为表单中存在select下拉框,要根据后台传过来的值去指定下拉框应该显示的内容。 实现原理: 为option添加selected属性则下拉框便显示的该option。 思路: 1.拿到所有的option 2.遍历option的value并与后台拿到的值进行比较(相同则显示该option) 代码实现: var numbers = $(&quot;#menuEditIsme...
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
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;
写了一个判断点击第几个按钮的JavaScript代码
写了一种判断点击第几个按钮的JavaScript代码如下: &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset='utf-8'&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;button&amp;gt;第一个&amp;lt;/button&amp;gt; &amp;lt;button&amp;
获取选中的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;
Vue event.target.value( ) 获取当前文本框的值(回车或者点击触发)
Vue event.target.value( ) 获取当前文本框的值(由事件触发时)情景描述:假设当前有一个文本框,当我输入内容之后,回车或者点击一个按钮,                 我们在这个input 上或者这个按钮上绑定事件,触发事件之后执行相应的methods中                 的处理函数,在methods中的函数中是如何获取文本框中的值的呢?           ...
jquery获取当前元素的值,比如获取button上的值
$(document).ready(function(){ $("button").click(function(){ alert($(this).html()); $(this).hide(); $("p").hide(); }); }); Click me coding1 coding2 coding3 使用$(this)就可以获得当前元素,上面的文字就
js根据select-option的value或者text来选中....等知识点更新
1、js根据select-option的value或者text来选中: html: 律师 监护人 亲友 其他 js将option选中的代码: $(function(){ //方法1 根据value $("#select1 option[value='4']").attr("selected","selected"); //方法2 根据text $("
Servlet如何获取列表框(Select)里的值
首先,html各种域传值到servlet中都是用的name,与id无关。 html: 选择一个1111 servlet: String strValue = request.getParameter("aaa")获得选中的option的value, 如果html有多个select的name都是aaa的话,可以用 String[] strValues = request.getParameter
JS中获取页面单选框radio和复选框checkbox中当前选中的值
单选框:单选框的name值全部相同              页面有一组单选框的元素满意  基本满意                 var radio=document.getElementsByName("radio");               var selectvalue=null;   //  selectvalue为radio中选中的值              fo
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
JavaScript如何获取被选中的a标签的值
JavaScript难点解答:要获得指定的a标签的值,我们首先要用JavaScript找到这个a标签,这是一个难点,如何获取被选中的A标签的值,通过下面这种方法,我们就可以获得a标签的href的值,还可以获得a标签的innerHTML,这里我们使用的是原生的JavaScript代码,没有框架。 第一部分:JavaScript代码 //获取被选中的a标签的值 function ge
js简单实现同一html中判断哪个按钮被按下
js简单实现同一html中判断哪个按钮被按下
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;
jquery内的元素获取和设置class、value、text
一、jquery获取节点及获取一些属性//一下是js里面的代码$(function(){//$para $符说明变量是jquery的对象// 获取节点      var $para = $("p");// 获取第二个元素节 点 var $li = $("ul li:eq(1)");   // 输出元素节点属性title var p_txt = $para.attr("title"); // 获取里
JS获取jQuery获取当前<input type="text" />的value--通过测试了
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"> function test(obj) { var v = $(obj).val(); alert(v); }
[一]下拉框获值与显示或隐藏div——如何选中下拉框值之后立马去js中获取、点击按钮之后出现的弹框里div隐藏或显示
JDK1.7+Tomcat7.0+Eclipse+SSM+Bootstrap(含Bootstrap Table) ① 搜索框里输入:“点击下拉框并选择时js获取值”,点开好几个链接,都没有找到我想要的答案,然后我改下我问的问题 “ 如何选中下拉框值之后再去js中获取 ” ,就找到了!!! 怎样用js取得select下拉列表框内选中的option的value值呢 学习: Js获取下...
js el表达式在java中判断, jsp 逻辑判断 在java中运行
ScriptEngineManager manager = new ScriptEngineManager(); ScriptEngine engine = manager.getEngineByName("js"); Boolean result02 = (Boolean) engine.eval('100>=80 && true');
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 如何在网页制作中加入视频 如何在网页制作中插入视频