`

js给文本框赋值.html

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">

  <script type="text/javascript">

  function getUri(){
             
  var uri='';
  alert(document.getElementById("Y").checked);
  if (document.getElementById("Y").checked){
                 uri=document.getElementById("Y").value; 
  }
  if (document.getElementById("M").checked){
if (uri==''){
   uri=uri+document.getElementById("M").value;
}else{
   uri=uri+"/"+document.getElementById("M").value;
}
  
      }
  if (document.getElementById("D").checked){
     if (uri==''){
   uri=uri+document.getElementById("D").value;
}else{
   uri=uri+"/"+document.getElementById("D").value;
}
      }
  document.getElementById("test").value=uri;
  }
</script>
</head>

<body>
        <input type="checkbox" id="Y" name="Y" value="YYYY" onclick="getUri()"/>年
<input type="checkbox" id="M" name="M" value="MM" onclick="getUri()"/> 月
<input type="checkbox" id="D" name="D" value="DD" onclick="getUri()"/> 日

        <input type="text" id="test" name="test"  >



<div style="background-color:#B5D5FB; width:300px; height:400px;"></div>
</body>
</html>
分享到:
评论

相关推荐

    原生js文本框赋值点击文字给text文本框赋值表单提交.zip

    原生js文本框赋值点击文字给text文本框赋值表单提交.zip

    JS向文本框赋值多个

    上述代码将分别给三个文本框赋值为"值1"、"值2"和"值3"。 然而,如果你需要一次性处理多个文本框,可以使用`querySelectorAll()`或者`getElementsByClassName()`等方法获取元素集合,然后通过循环来赋值。例如,...

    js点击表格赋值文本框.html

    点击表格复制到input,js

    给Ui文本框赋值; 给控件 文本控件赋值的地方 逻辑

    以下将详细讲解如何在不同的上下文中给UI文本框赋值以及涉及的逻辑。 1. **Qt框架**: 在Qt框架中,我们通常使用`QLineEdit`类来创建文本框。要给`QLineEdit`赋值,可以使用`setText()`函数,如下所示: ```cpp ...

    鼠标经过字体变颜色并且给文本框赋值

    根据提供的文件信息,我们可以深入探讨相关的知识点,包括JavaScript的基本语法、DOM操作以及事件处理等内容。 ### JavaScript基础 #### 变量声明与赋值 在JavaScript中,变量可以通过`var`、`let`或`const`关键字...

    asp如何实现动态下拉菜单赋值给文本框

    首先介绍的是通过JavaScript来实现动态下拉菜单赋值给文本框的方式。这种方法利用了事件触发机制,当用户在下拉菜单中选择一个选项时,会立即触发一个函数,该函数将所选值赋给指定的文本框。具体实现如下: ```...

    JS实现下拉菜单赋值到文本框的方法

    JS实现下拉菜单赋值到文本框的方法涉及到JavaScript编程语言在Web页面元素操作上的应用,具体技术点包括页面元素的选择、事件处理以及表单元素之间的数据传递。在此场景中,当用户在网页上的下拉菜单(select元素)...

    js如何实现点击标签文字,文字在文本框出现

    3. 为每个标签添加`onclick`事件监听器,在点击时触发一个函数,该函数将当前标签的文本赋值给文本框。 4. 在函数内部通过判断逻辑,如果文本框中已经存在该标签的文本,则清空文本框;如果不存在,则将标签文本追加...

    原生js text文本框模拟select下拉框美化点击下拉菜单选择value赋值效果源码.zip

    这个压缩包"原生js text文本框模拟select下拉框美化点击下拉菜单选择value赋值效果源码.zip"提供了使用JavaScript实现的一个例子,如何用原生JS将一个普通的text文本框模拟成一个美观的、可下拉选择的select框,并在...

    javascript计算文本框输入内容的长度

    - `.value = obj.value.length`: 将获取到的对象的`value`属性(即文本框中的文本)的长度赋值给"bodyLen"元素的`value`属性。 #### 1.2 事件监听:`onkeydown="showLen(this)" onkeyup="showLen(this)"` 这两行...

    vue.js input框之间赋值方法

    本文将详细讲解如何在Vue.js中实现input输入框之间的赋值方法,以及扩展讨论Vue中元素和属性的赋值策略。 首先,我们来看如何在Vue实例中实现两个input框之间的值传递。在提供的示例中,有两个主要的方法`test1`和`...

    jquery复选框多选赋值给文本框的方法

    在jQuery中,将复选框的多选值赋值给文本框是一种常见的需求,尤其在数据输入或表单处理的场景下。以下是如何通过jQuery实现这个功能的具体步骤和相关知识点: 1. **HTML结构**: 首先,我们需要创建一个包含复选...

    js实现双击单元格变文本框

    - 将单元格的内容赋值给`inputItem`。 - 清空单元格的内容。 - 将`inputItem`添加到单元格中,并使其获得焦点。 ### 步骤四:保存编辑后的数据 1. **单击事件处理**: - 通过`document.attachEvent('onclick',...

    给Form动态赋值并动态转向

    #### HTML与ASP.NET结合实现动态赋值 1. **HTML表单结构**:在HTML中,表单(`&lt;form&gt;`)元素允许用户输入数据,并通过`action`属性指定表单提交的目标URL。在这个例子中,表单默认指向`LoginSystem.aspx`页面。 ```...

    jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法

    在本案例中,选中的选项值需要通过JavaScript代码提取,并赋值给文本框。 4. DOM操作:文档对象模型(DOM)是浏览器为HTML文档提供的一个API,通过它,开发者可以以编程方式修改网页的内容、结构和样式。在实现本...

    vb.net桌面程序引用网页相互通信

    1. vb.net给html的文本框赋值 2 2. vb.net调用html页面js的方法,并传值给js: 2 3. vb.net获取html页面一个元素的值: 2 4. js 调用vb.net函数,并传值给vb.net: 2 备注:如果没有前两步,会报错:window.external...

    JavaScript完全自学宝典 源代码

    1.3.html 使用JavaScript进行文本框值的判断。 1.4.html 使用JavaScript对网页中的内容进行验证。 1.5.html HMTL中调用.js文件。 1.6.html 使用“”标记,实现的滚动字幕效果。 1.7.html 使用...

    js将table的每个td的内容自动赋值给其title属性的方法

    &lt;script src="jquery-1.10.2.js" type="text/javascript"&gt; &lt;script type="text/javascript"&gt; $(function() { // table的最后一列不给其title赋值 var cellIndex = parseInt($(".tbStyle th").length) - 1; $(...

Global site tag (gtag.js) - Google Analytics