为什么获取不了console.log($('input[name=calltransfer]:checked'));

时间: 2024-02-02 10:04:52 浏览: 19
在页面刚加载时，两个复选框都是未被选中的状态。因此，如果在页面加载完成后立即执行 `console.log($('input[name=calltransfer]:checked'));`，则会输出 `undefined`，因为没有任何一个复选框被选中。只有在用户点击某个复选框后，才能通过该语句获取当前被选中的复选框的值。如果想要在页面加载完成后就输出当前被选中的复选框的值，可以在页面加载完成后调用一次 check_calltransfer 函数，该函数会设置复选框的状态并输出当前被选中的复选框的值。例如，在 `</script>` 标签后添加以下代码： ``` $(document).ready(function() { check_calltransfer('N'); }); ``` 这样就会在页面加载完成后立即执行 check_calltransfer 函数，输出当前被选中的复选框的值。
相关问题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./jquery-1.11.0.js"></script> </head> <body> <script> var calltransfer = $('input[name=calltransfer]:checked').val() var check = $("#calltransfer_Y").is(':checked') //是否开通呼叫转移 function check_calltransfer(obj) { if ("Y" == obj) { if ($("#calltransfer_Y").is(':checked')) { $("#calltransfer_N").prop("checked", false); } else { $("#calltransfer_Y").prop("checked", true); } } if ("N" == obj) { if ($("#calltransfer_N").is(':checked')) { $("#calltransfer_Y").prop("checked", false); } else { $("#calltransfer_N").prop("checked", true); } } // console.log(calltransfer); // console.log(check); console.log($('input[name=calltransfer]:checked')); } </script> <table> <tr style="border-bottom: 1px solid #ddd;"> <td> <div style="width:150%;margin: 0.2rem 0 0.2rem;"><span>*是否开通呼叫转移：</span> </div> </td> <td style='text-align: center;'> <input type='checkbox' style='display:inline-block;' id='calltransfer_Y' name='calltransfer' value='Y' onclick="check_calltransfer('Y')">是&nbsp;&nbsp;&nbsp;&nbsp; <input type='checkbox' style='display:inline-block;' id='calltransfer_N' name='calltransfer' checked='checked' value='N' onclick="check_calltransfer('N')">否 </td> </tr> </table> </body> </html>

这是一个包含一个表格和两个复选框的 HTML 页面。其中，表格只有一行两列，左侧列显示“是否开通呼叫转移”的文字描述，右侧列显示两个复选框，一个用于选择“是”，一个用于选择“否”。当用户点击其中一个复选框时，会触发 onclick 事件调用 check_calltransfer 函数，该函数会将另一个复选框的选中状态设置为相反的状态。同时，该页面使用了 jQuery 库中的 $() 函数来获取被选中的复选框的值，并将其打印到控制台上。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./jquery-1.11.0.js"></script> </head> <body> <script> var calltransfer = $('input[name=calltransfer]:checked').val() var check = $("#calltransfer_Y").is(':checked') //是否开通呼叫转移 function check_calltransfer(obj) { if ("Y" == obj) { if ($("#calltransfer_Y").is(':checked')) { $("#calltransfer_N").prop("checked", false); } else { $("#calltransfer_Y").prop("checked", true); } } if ("N" == obj) { if ($("#calltransfer_N").is(':checked')) { $("#calltransfer_Y").prop("checked", false); } else { $("#calltransfer_N").prop("checked", true); } } // console.log(calltransfer); // console.log(check); // console.log($('input[name=calltransfer]:checked')); } </script> <table> <tr style="border-bottom: 1px solid #ddd;"> <td> <div style="width:150%;margin: 0.2rem 0 0.2rem;"><span>*是否开通呼叫转移：</span> </div> </td> <td style='text-align: center;'> <input type='checkbox' style='display:inline-block;' id='calltransfer_Y' name='calltransfer' value='Y' onclick="check_calltransfer('Y')">是&nbsp;&nbsp;&nbsp;&nbsp; <input type='checkbox' style='display:inline-block;' id='calltransfer_N' name='calltransfer' checked=true value='N' onclick="check_calltransfer('N')">否 </td> </tr> </table> </body> </html>

这是一段HTML代码，用于创建一个表格，其中包含一个“是否开通呼叫转移”的复选框。它使用了jQuery库，并且有一个名为“check_calltransfer”的JavaScript函数，用于检查复选框的状态并根据用户的选择进行相应的操作。具体来说，当用户选择“是”时，“否”复选框将被取消选择，反之亦然。

相关推荐

pdf

jQuery中:checked选择器用法实例

本文实例讲述了jQuery中:checked选择器用法。分享给大家供大家参考。具体分析如下： 此选择器能够选取所有选中的复选框或单选按钮。 语法结构: 代码如下:$(“:checked”) 此选择器可以和其他选择器配合使用，比如...
pdf

jquery attr方法获取input的checked属性问题

如果使用jquery,应使用prop方法来获取和设置checked属性，不应使用attr,需要的朋友可以参考下
pdf

KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定

主要介绍了KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定的相关资料,需要的朋友可以参考下

<input class="gender" type="radio" value="男" name="gender">男 <input class="gender" type="radio" value="女" name="gender">女 var message = ($(".gender").val() == "男") ? "男" : "女"; console.log(message);

console.log(message); 使用 :checked 选择器，我们可以确保只获取被选中的单选按钮的值，并通过三元运算符判断选中的值是 "男" 还是 "女"，最后将结果赋值给 message 变量，并输出结果。

function calcTotal() { let totalPrice = 0; $('input[name="item_ids"]:checked').each(function () { let price = parseFloat($(this).closest('tr').find('td:eq(2)').text()); let quantity = parseInt($(this).closest('tr').find('input[name="item_quantities"]').val()); console.log(price) console.log(quantity) let mini_total_price = price * quantity; console.log(mini_total_price); totalPrice += price * quantity; }); $('#totalPrice').text(totalPrice.toFixed(2)); }

- 使用 jQuery 的选择器 $('input[name="item_ids"]:checked') 找到所有被选中的商品，其中 input[name="item_ids"] 表示选择 name 属性为 item_ids 的 input 元素，冒号后面的 checked 表示只选择已经选中的元素。...

layui2.8 var form = $('form'); // 获取表单元素 var inputs = form.find(':input'); // 获取表单内所有 input 元素 var visibleInputs = inputs.filter(function() { return $(this).closest(':hidden').length === 0; // 筛选出没有被隐藏的 input 元素 }); var names = visibleInputs.map(function() { return $(this).attr('name'); // 获取所有没有被隐藏的 input 元素的 name 属性值 }).get(); console.log(names); // 输出所有没有被隐藏的 input 元素的 name 属性值获取不到单选框和复选框的name属性

对于单选框和复选框，可以使用jQuery的:checked选择器来筛选出被选中的元素，然后获取其name属性值。例如： var checkboxes = form.find(':checkbox:checked'); var checkboxNames = checkboxes.map(function...

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="radio" name="gender" value="male"> Male <input type="radio" name="gender" value="female"> Female <input type="radio" name="gender" value="other"> Other <button id="btn">Get Value</button> $(document).ready(function() { $("#btn").click(function() { var selectedValue = $("input[name='gender']:checked").val(); console.log(selectedValue); }); }); </body> </html>

var selectedValue = $("input[name='gender']:checked").val(); console.log(selectedValue); }); }); 在这个例子中，我使用了CDN引入了jQuery库，你可以根据自己的需求选择是否使用。

var form = $('form'); // 获取表单元素 var inputs = form.find(':input'); // 获取表单内所有 input 元素 var visibleInputs = inputs.filter(function() { return $(this).closest(':hidden').length === 0; // 筛选出没有被隐藏的 input 元素 }); var names = visibleInputs.map(function() { return $(this).attr('name'); // 获取所有没有被隐藏的 input 元素的 name 属性值 }).get(); console.log(names); // 输出所有没有被隐藏的 input 元素的 name 属性值获取不到单选框和复选框的那么属性

对于单选框和复选框，它们的值只有在被选中时才会被提交到服务器端，因此不能简单地通过获取它们的name属性值来确定是否被选中。可以通过以下代码来获取所有被选中的单选框和复选框的值： javascript var ...

function doSubmit(index, layero) { console.log(index) var body = layer.getChildFrame('body', index);//获取子页面内容 $("#empCode").val(body.find('#empCode').val()); $("#empName").val(body.find('#empName').val()); $("#orgName").val(body.find('#orgName').val()); $("#idcardNo").val(body.find('#idcardNo').val()); $("input[name='gender']").each(function () { if ($(this).val() == body.find('#gender').val()) { $(this).parent().addClass("checked"); $(this).parent().parent().siblings().children().removeClass("checked"); } }); layer.close(index); }解释代码并说明index的来源

- $("input[name='gender']").each(function () {...})：对名为 gender 的一组输入框进行遍历。在遍历过程中，如果某个输入框的值与子页面中 id 为 gender 的元素的值相等，则为其父元素添加 checked 类，并...

// 获取选中的二级分类 var subcategory = document.querySelector('input[name="subcategory"]:checked'); if (subcategory) { // 跳转到另一个页面 window.location.href = "second_redsources.php?subcategory=" + subcategory.value; } else { alert("请选择种类"); }这段代码如何现将获取的单选框的值打印出来再进行跳转到另外一个页面

var subcategory = document.querySelector('input[name="subcategory"]:checked'); if (subcategory) { // 打印选中的二级分类的值 console.log("选中的二级分类是：" + subcategory.value); // 跳转到另一个...

uni-app 中的 uniCloud 因为已有添加了 根据已有代码实现 ：删改查 看以下代码：这个是云函数里的内容 ：const db = uniCloud.database(); module.exports = { _before: function() { // 通用预处理器 }, async insert(params) { // todo: 参数校验 // 进行数据插入操作 const res = await db.collection('users').add({ name: params.name, age: params.age * 1, sex: params.sex }); if (res.id) { return { code: 1, msg: '插入成功' } } else { return { code: 0, msg: '插入失败' }; } }, } 这是vue文件 ：<template> <view class="content"> <button @click="testco()">请求云对象的方法</button> </view> <form @submit="submit"> 姓名：<input type="text" name="name"> 性别：<radio-group name="sex"> <radio :value="0" checked>女</radio> <radio :value="1">男</radio> </radio-group> 年龄：<input type="number" name="age" /> <button form-type="submit">提交</button> </form> <button @click="View">查看</button> </template> <script> export default { data() { return {} }, methods: { async submit(data) { const users = uniCloud.importObject('users'); const res = await users.insert(data.detail.value); console.log(res); }, } } </script> 根据以上代码 实现： 删改查

console.log(res); }, 修改操作： 在云函数中添加以下代码： async update(params) { const res = await db.collection('users').doc(params.id).update({ name: params.name, age: params.age * 1, sex: ...

<label class="col-sm-2 control-label">检查员类别：</label> <label th:each="dict : ${type}" class="check-box"> <input name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}" th:attr="checked=${xqdXqdzb.fenlei.contains(dict.dictValue)?true:false}"> </label> 使用jquery获取name="fenlei"的值

可以使用以下代码获取name为"fenlei"的所有checkbox被选中的值： javascript var values = []; // 用于存储被选中的值 $('input[name="fenlei"]:checked').each(function() { values.push($(this).val()); }); ...

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表单验证</title> <script src="jquery-1.11.0.min.js"></script> <script> // 获取信息 var username; var password; var aiHao; function formCherk(){ username = $("#username").value; password = $("#password").value; aiHao = $(".aiHao").value; console.log(username + " " + password); // 校验 // 不符合 if (username == null || username == ""){ alert("姓名不能为空"); return false; } if(password == null || password == ""){ alert("密码不能为空"); return false; } var cherked = false; $(".aiHao").each(function(){ if($(this).prop("cherked")){ cherked = true; return false; } }); if(!cherked){ alert("请选择兴趣爱好"); return false; } return true; } </script> </head> <body> <form id = "myForm"> <label for="name">姓名：</label> <input type="text" id="username" name="username"></input>
<label for="name">密码：</label> <input type="password" id="password" name="password"></input>
<label for="name">兴趣爱好：</label> <input type="checkbox" class="aiHao" name="aiHao" value="跑步">跑步</input> <input type="checkbox" class="aiHao" name="aiHao" value="打球">打球</input> <input type="checkbox" class="aiHao" name="aiHao" value="跳舞">跳舞</input>
<input type="submit" value="注册"></input> <input type="submit" value="登录"></input> </form> </body> </html>哪有问题

console.log(username + " " + password); // 校验 // 不符合 if (username == null || username == "") { alert("姓名不能为空"); return false; } if (password == null || password == "") { alert(...

const html = <input type="checkbox" v-model="RemitInBox" class="RemitInBox v-pristine v-valid" name="RemitInBox" value="0" v-checked="data.CheckFlag" v-disabled="data.FndDrc!='01' || data.BusiState!='10'" id="List0_RemitIn" v-click="clickBox($index,data)"> IR00252300347A IR00252300347A 2023-05-25 USD32,993.50 1/FLOKSER KIMYA SANAYI VE TICARET 1... 31980005000107125 入账 退汇 待客户确认 受理成功 打印 const cheerio= require('cheerio') const $ = cheerio.load(html) console.log($) const result = []; $('tr').each((i, tr) => { const tds = $(tr).find('td'); const data = { RemitInBox: $(tds[0]).find('input').attr('v-checked') === 'true', IRNumber: $(tds[1]).find('a').text(), Date: $(tds[2]).text(), Amount: $(tds[3]).text(), Account: $(tds[4]).text(), AccountNumber: $(tds[5]).text(), Status: $(tds[6]).text(), Result: $(tds[7]).text(), Print: $(tds[8]).find('a').length > 0, }; result.push(data); }); console.log(result);

它首先将 HTML 字符串赋值给变量 html，然后使用 Cheerio 的 load 方法将其转换为一个可操作的 jQuery 对象 $。接着使用 $ 对象的 find 和 text 方法来提取表格中每一行的数据，并将其存储在一个数组中。最后，打印...

<input type="radio" value="A" name="fruit" /> <input type="radio" value="B" name="fruit" /> 上面代码，使用jquery，获取单选框选中的是什么

var selectedValue = $('input[name="fruit"]:checked').val(); // 输出选中的值 console.log(selectedValue); 在上述代码中，我们使用 $() 函数选择器来获取带有 name="fruit" 的单选框，并使用 :...

选择可进入的班级 <form> <input type="checkbox" class="form-check-input" id="check1" name="option1" value="something" checked onclick="handleCheckboxClick(this)"> <label class="form-check-label" for="check1">一班</label> <input type="checkbox" class="form-check-input" id="check2" name="option2" value="something" onclick="handleCheckboxClick(this)"> <label class="form-check-label" for="check2">二班</label> <button type="submit" class="btn btn-primary mt-3">确定</button> </form> <script> function handleCheckboxClick(checkbox) { if (checkbox.checked) { console.log(checkbox.value + "被选中了"); // 在这里添加复选框被选中后的处理逻辑 } else { console.log(checkbox.value + "被取消选中了"); // 在这里添加复选框被取消选中后的处理逻辑 } } </script>以这段代码为基础，实现选中第一个框之后点击确定控制台打印数字一，选中第二个框，点击确定，控制台打印数字二，若都选中点击确定打印数字12，若都没选中，则打印3

<input type="checkbox" class="form-check-input" id="check1" name="option1" value="1" checked onclick="handleCheckboxClick(this)"> <label class="form-check-label" for="check1">一班 <div class=...

<template> 0"> <van-checkbox class="checkbox" v-model="data.checked" /> {{ data.product.name }} {{ data.product.price }} <van-stepper v-model="data.quantity" disable-input /> 购物车没有数据了 <van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit"> <van-checkbox v-model="checked">全选</van-checkbox> </van-submit-bar> </template> <script> import axios from "axios"; import { reqCart } from "../../api/user"; export default { data() { return { list: [], }; }, computed: { //监听数据变化,返回数据结果 //全选或全不选 checked: { //表示修改checked的状态 set(flag) { console.log(flag); //动态给vue添加属性this.$set,this.$set给vue对象添加动态属性 this.list.map((item) => this.$set(item, "checked", flag)); }, //通过 this.$set 方法向列表项 item 中动态添加属性 checked，并将其值设置为 flag，即选中或取消选中。 get() { if (this.list.length == 0) { return false; } else { return ( this.list.length == this.list.filter((item) => item.checked).length ); } }, }, }, watch: {}, methods: { async getcartlist() { //请求购物车的数据 const result = await reqCart(); console.log(result); this.list = result; //调用购物车数据列表 }, //点击提交生成订单 onSubmit() {}, //修改数据 }, created() { this.getcartlist(); }, mounted() {}, components: {}, }; </script> <style scoped> .good-list { padding-bottom: 50px; } .goods { display: flex; height: 100px; /* justify-content: space-around; */ align-items: center; margin-bottom: 15px; border-bottom: 1px solid #ccc; } .goods img { width: 80px; height: 80px; display: block; } .checkbox { width: 50px; } .van-stepper { float: right; padding-right: 20px; } .goods-info { flex: 1; } </style>根据这个代码怎么弄

4. 实现全选功能，可以使用computed计算属性监听list中数据变化，并动态添加checked属性，使用v-model指令绑定全选状态。 5. 实现提交订单功能，可以在van-submit-bar组件上监听submit事件，并根据选中的商品生成...

最新推荐

recommend-type

小xlsx1111111111111

小xlsx1111111111111
recommend-type

ATMega board for VisualStudio IDE

APM Mega board for VisualStudio. 對於想要使用 ArduPilot 在 VisualStudio 下編譯的人所需要的一個主板芯片設置檔案.
recommend-type

一款极好用的 Office/WPS/Word/Excel/PPT/PDF工具箱软件 OfficeUtils 2.8

OfficeUtils（Office助手/工具箱）软件是一款极好用的、绿色的 Office/WPS/PDF 辅助处理工具，可用于处理一些 Office 无法解决或轻易解决的问题（如PDF转Word、PDF图片提取、Excel多列组合排序、Excel表合并、Excel提取身份证生日、Word口算题等）。该工具很适合文职工作人员，不需要掌握数据库和编程知识，可批量高效地处理文档，增加办公效率。 https://blog.csdn.net/surfsky/article/details/138686503 # 最新版功能 Excel - Excel 高级查询（列处理、条件过滤、组合排序） - Excel 高级统计（数量、求和、最大值、最小值、平均值、方差） - Excel 关联合并 - Excel 拆分单元格 - Excel 拆分文件 - Excel 合并文件 Word - Word 模板文件生成 - Word 口算生成器 PPT - PPT 模板页面生成 PDF - PDF 转 Word
recommend-type

计算机图形学-从0开始构建一个OpenGL软光栅

视频课程下载——计算机图形学—从0开始构建一个OpenGL软光栅
recommend-type

grpcio-1.30.0-cp35-cp35m-win_amd64.whl

Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
recommend-type

中文翻译Introduction to Linear Algebra, 5th Edition 2.1节

中文翻译Introduction to Linear Algebra, 5th Edition 2.1节 线性代数的核心问题是求解方程组。这些方程都是线性的，即未知数仅与数相乘——我们绝不会 遇见 x 乘以 y。我们的第一个线性方程组较小。接下来你来看看它引申出多远： 两个方程 两个未知数 x − 2y = 1 3x + 2y = 11 (1) 我们一次从一个行开始。第一个方程 x − 2y = 1 得出了 xy 平面的一条直线。由于点 x = 1, y = 0 解 出该方程，因此它在这条直线上。因为 3 − 2 = 1，所以点 x = 3, y = 1 也在这条直线上。若我们选择 x = 101，那我们求出 y = 50。 这条特定直线的斜率是 12，是因为当 x 变化 2 时 y 增加 1。斜率在微积分中很重要，然而这是线 性代数！ 图 2.1 将展示第一条直线 x − 2y = 1。此“行图”中的第二条直线来自第二个方程 3x + 2y = 11。你 不能错过两条线的交点 x = 3, y = 1。点 (3, 1) 位于两条线上并且解出两个方程。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本：布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学，1996年。法语。NNT：电话：00345357HAL ID：电话：00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆，用于存放和传播科学研究论文，无论它们是否被公开。论文可以来自法国或国外的教学和研究机构，也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

识别MATLAB微分方程求解中的混沌行为：分析非线性方程混沌行为的实用技巧

![matlab求解微分方程](https://img-blog.csdnimg.cn/2021062810300367.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTQ3OTY3OA==,size_16,color_FFFFFF,t_70) # 1. MATLAB微分方程求解概述 微分方程是描述物理、工程和金融等领域中动态系统的数学模型。MATLAB提供了强大的工具来求解微分方程，包括内置求解器和自定义函数
recommend-type

physon如何做ERP系统

作为一个AI语言模型，我可以给您提供一些基本的建议和思路： 1.明确需求和目标：在开始开发ERP系统之前，需要明确您的业务需求和目标，了解您的业务流程、流程数据、员工角色和权限、财务管理等方面的要求，这样才能更好的设计和开发ERP系统。 2.选择技术框架和开发工具：选择合适的技术框架和开发工具是ERP系统开发的关键。选择一种流行的技术框架和工具可以提高开发效率和质量。 3.设计数据库：ERP系统需要一个功能强大的数据库来存储数据。设计数据库需要考虑数据的完整性、安全性和可扩展性。 4.设计系统架构：系统架构是ERP系统的骨架，需要考虑系统的可扩展性、可维护性和性能。 5.开发和测试：
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。