jquery table A赋值给同一行input

最新推荐文章于 2023-12-06 10:09:39 发布
最新推荐文章于 2023-12-06 10:09:39 发布
阅读量1.3k 收藏
点赞数
分类专栏： asp.net 技术 文章标签： table jquery javascript input function xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangqihua0/article/details/7568173
版权
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SelectedValue.aspx.cs"
    Inherits="ContractSystem.WebUI.Menu.SelectedValue" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>


    <script language="javascript" type="text/javascript" src="http://www.sosuo8.com/jscss/jquery-1.3.2.min.js"></script>


</head>
<body>
    <form id="myform" runat="server">
    <div>
        <table border="1" id="testtable">
            <tr>
                <td>
                    <input type="text" />
                </td>
                <td>
                    <a href="javascript:;">A</a> <a href="javascript:;">B</a> <a href="javascript:;">C</a>
                    <a href="javascript:;">C</a>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="text" />
                </td>
                <td>
                    <a href="javascript:;">E</a> <a href="javascript:;">F</a> <a href="javascript:;">G</a>
                    <a href="javascript:;">H</a>
                </td>
            </tr>
        </table>


        <script language="javascript" type="text/javascript">
            $(document).ready(function() {
                tableAClick("#testtable");
            })
            function tableAClick(id) {
                var tar = $(id),
    node = tar.find('a');


                node.click(function() {
                    $(this).parent().parent().find('input[type="text"]').val($(this).html());


                });


            }
        </script>


    </div>
    </form>
</body>
</html>
zhangqihua0
关注
专栏目录
a-table-input标签属性
冲冲冲冲
03-12 1170
a标签内 target的属性值，点击跳转： <a href="http://www.baidu.com" target="_self">原窗口打开链接的网站</a> <a href="http://www.baidu.com" target="_blank">重新生成一个新窗口打开</a> table标签内 cellspacing cellpadding的属性值区别使用功能： cellspacing 指的是td标签内的内容相对于边框以外的距离，就像模型盒
jQuery实现动态给table赋值的方法示例
12-29
本文实例讲述了jQuery实现动态给table赋值的方法。分享给大家供大家参考，具体如下： html 请忽视各种class，因为前端用的是layui <table class=layui-table lay-skin=line id=datas> 昵称 加入...
jquery table 同一行input赋值
weixin_34348805的博客
11-28 424
tr名字 操作 给td1中的文本框赋值 给td2中的文本框赋值 function setValue(obj,str){ $(obj).parent().parent().find('[name="text"]').val(str);} 转载于:https://www.cnblogs.com/shuanger/archive/2012/11/28/2792937.h...
Ant Desgin Vue a-table+a-input+a-modal 组合问题
bibolibo的博客
10-25 1042
Ant Desgin Vue 1.7.8 a-table+a-input+a-modal 组合问题 需求功能使用插槽将某一列替换为 input 利用focus 来触发modal的显示/隐藏相关问题:一.弹层无法正常显隐使用具体表现:一. 使用自定义组件形式二.使用a-modal 形式问题复现源码问题分析结尾 需求功能 使用插槽将某一列替换为 input 利用focus 来触发modal的显示/隐藏 相关问题: 一.弹层无法正常显隐使用 具体表现: 一. 使用自定义组件形式 点击关闭重复触发focus事件,
elementUI点击table表格的一条数据渲染到input输入框内
路飞船长的博客
08-05 1888
有的时候因为需求,需要把一些数据通过输入框或者选择框来进行查询和渲染,这个时候数据多肯定是不能展示出来的,所以需要做一个弹窗,这个弹窗是一个table表格点击选中之后就会把此条数据渲染到指定位置1.@keyup.space.native="sendmessage()"//这行代码是通过空格触发弹窗事件,加到自己的组件即可2.data中定义//弹框4.与表格绑定。......
el-table嵌入输入框
weixin_59213769的博客
01-13 4694
el-table嵌入输入框
jQuery获取table下某一行某一列的值实现代码
10-20
从提供的文件内容中，我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点： 1. jQuery选择器的使用：在文中，通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
10-22
标题中提到的“jQuery ajax请求返回list数据动态生成input标签, 并把list数据赋值到input标签”涉及到多个知识点。首先，我们来探讨jQuery和ajax请求的基础概念，然后详细了解如何使用ajax请求从服务器获取数据，并...
jquery实现勾选复选框触发事件给input赋值
10-24
### jQuery实现勾选复选框触发事件给input赋值知识点总结 #### 1. jQuery基础知识 - **jQuery是什么**: jQuery是一个快速、小巧且功能丰富的JavaScript库。它通过提供一个简洁的API来简化HTML文档遍历和操作、事件...
jquery复选框多选赋值给文本框的方法
10-24
本文将详细讲解如何使用jQuery实现复选框多选后将选中的值赋给文本框的功能，这对于数据收集和用户输入的场景非常实用。 首先，我们需要创建HTML结构。这里有一个表格，包含一个文本框和多个复选框。每个复选框都有...
Ant Design Vue（v1.7.8）a-table组件的插槽功能
最新发布
qq_27361945的博客
12-06 5649
text是组件定义的 当前插槽slot="unitShow"对应的数据项'unit'的文本值。record内容{{ record }}text内容{{ text }}record是组件定义的 当前行的全部数据。slot="unitShow" 表示插槽名（见具名插槽）P104104_尚硅谷Vue技术_作用域插槽。P102102_尚硅谷Vue技术_默认插槽。P103103_尚硅谷Vue技术_具名插槽。vue slot插槽。
vue快速学习03、ant-design
红目香薰
06-25 1781
目录vue快速学习03、ant-design1、安装环境2、a-button&a-icon3、message消息提示4、a-layout布局5、a-menu菜单6、a-button-group7、a-row&a-col8、a-input、a-textarea、a-input-number、a-radio-group、a-rate、a-select、a-spin9、rules10、a-tree11、a-tablevue快速学习03、ant-design-Node.js文档类资源-CSDN下载包含内容：antd
基于Vue2的antDesign组件总结
zhanghuaiwei
10-24 4326
基于Vue2的antDesign组件总结
Vue中a-table插槽设置设置输入框 光标失焦/回车 更改数据
weixin_48907405的博客
07-03 944
场景：一条主数据，下多条从数据，可以直接在table中修改 ，不需要弹窗！
jQuery 点击table一行 并对当前行的某一列进行修改
热门推荐
华容道的博客
05-15 2万+
三种：table行列中只有数据，嵌入input/select/等标签，级联修改最后一列数据当前行当前列中只有数据jswindow.onload=function(){ //焦点离开事件 //也可以是click事件 $('tr').focusout(function(){ //获取当前点击的行的**子节点(列)**中的数据 //0表示第一列 var data1=$(this).
关于Ant Design of Vue中 的a-table一些使用问题
王等等csdn的博客
12-30 2万+
1.添加行点击及复选框 <template> <div> <a-table :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :columns="columns" :dataSource="data" :c...
js实现复制，删除一行div或一行table
给我一个自由的空间
07-08 6871
转：http://hi.baidu.com/lmydream0417/blog/item/1d7523393f1b3628b8998fd2.html2010-05-26 15:28<br />在网上看到一段通过对节点的控制增加或删除一行table的代码如下：<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
jquery 给input赋值的方式有几种
04-02
jquery 给input赋值的方式有多种，以下是其中一些常用的方式： 1. 使用val()方法赋值：例如 $("input").val("Hello World"); 2. 使用attr()方法赋值：例如 $("input").attr("value", "Hello World"); 3. 使用prop()方法赋值：例如 $("input").prop("value", "Hello World"); 4. 使用直接赋值方式：例如 $("input")[0].value = "Hello World";
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值