js判断复选框checkbox是否选中，并取出值

最新推荐文章于 2024-07-25 18:26:58 发布
最新推荐文章于 2024-07-25 18:26:58 发布
阅读量8.5k 收藏 8
点赞数
分类专栏： javascript
 
<html>
<title>JavaScript 获取复选框的值_www.jbxue.com</title>
<script>
/**
* 判断复选框checkbox是否选中，并取出值
* edit by www.jbxue.com
* date：2013/7/3
*/
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
　 if(str[i].checked == true)
　 {
　　 chestr+=str[i].value+",";
　 }
}
if(chestr == "")
{
　 alert("请先选择复选框～！");
}
else
{
　 alert("复选框的值是："+chestr);
}
}
</script>

选择你擅长的技术领域：

<input type="checkbox" name="box" id="box1" value="ASP" />ASP
<input type="checkbox" name="box" id="box2" value="PHP" />PHP
<input type="checkbox" name="box" id="box3" value="JSP" />JSP
<input type="button" name="button" id="button" οnclick="checkbox()" value="提交" />
Amiao999
关注
专栏目录
easyUI datagird复选框与行选中分离
学习痕迹
09-02 797
问题描述：在easyUI框架中，给数据展示表格添加一个复选框，实现可以逐个勾选功能。 首先页面布置如下： 引用js对其进行内容填充：$('#dg').datagrid({ nowrap : true,// 设置为true，当数据长度超出列宽时将会自动截取 striped : true,// 设置为true将交替显示行背景。 url
小程序 复选框的取值问题 value
DSs1206的博客
10-18 1376
先看源码 如果想取复选框的value的值取不出来就在checkbox里加上 value=“{{item.value}}” 当时学vue的时候直接打印是可以打印出全部内容来的 但是这个好像有点不一样 我发现 如果不自己去给事件的value赋值的话是事件的value内容是空的 所以想取出item里的value的值必须要给这个事件的value的值给赋上你想要给的item里的值比如这样 value="{{item.value}}" 第一个value是事件源的value 第二个value是data的v...
js判断复选框是否选中及选中个数的实现代码
11-24
用js判断复选框是否选中及选中个数，以前经常有朋友提到复选框的选中问题，这段代码可以帮你解决这个问题，而且它还可以判断你选择了多少个复选框，多选则弹出提示 <HTML> <head> <title>判断复选框是否选中及选中个数</title> [removed] function countChoices(obj) { max = 2; box1 = obj.form.box1.checked; box2 = obj.form.box2.checked; box3 = obj.form.box3.checked; count = (box1 ?
如何用js判断一个复选框是否被选中
weixin_33819479的博客
04-26 809
2019独角兽企业重金招聘Python工程师标准>>> ...
Web开发：checked状态
最新发布
Weiki的博客
07-25 895
Web开发：checked状态
js判断checkbox是否被选中
@风之谷
11-17 1016
判断checkbox var n = $("input:checked").length; if(n==0){ alert("未选中！"); }else{ alert("选中！"); } 判断checkbox选中个数 $(":checkbox[@name=compare]").click(function(){ var checked = this.checked;
js中复选框checkbox如何判定为被选中
爱学习的大雄的博客
07-07 3万+
在学习的过程中触及到html分离式开发的内容，其中复选框checkbox判定选中对于ajax传数据来说十分重要，故将该篇文章转发留存，方便以后查阅。要想判定复选框选中状态可以使用： 1、checkbox中的checked属性 1.1 如果对于input标签，不设置其checked属性的话，默认是该复选框不被选中； 1.2 而如果设置了checked属性的话，本人在js中测试的时候；1）将checked属性设置为checked=true或者checked=”true”或者checked=”false”时，系统
js 判断复选框是否选中
天下无敌庞成勇
08-19 404
$('#remember').is(':checked') typeof的运算数未定义,返回的就是 "undefined". 运算数为数字 typeof(x) = "number" 字符串 typeof(x) = "string" 布尔值 typeof(x) = "boolean" 对象,数组 和null typeof(x) = "object" 函数 typeof(x) = "functi
JavaScript简单判断复选框是否选中及取出值的方法
10-23
JavaScript中判断复选框是否选中以及获取其值的方法是前端开发中常用到的技能，因为复选框常用于表单中让用户选择一项或多项选项。本文将详细介绍如何使用JavaScript来实现这一功能。 首先，我们了解下HTML中的复选...
使用js判断复选框是否被选中
lzq_19890403的博客
06-20 132
&lt;html&gt; &lt;head&gt;         &lt;title&gt;             复选框全选、全不选、反选、必选一个         &lt;/title&gt;         &lt;meta http-equiv="content-type" content="text/html;charset=GBK"/&gt;         &lt
JS判断单个checkbox是否被选中
03-01
博文链接：https://qsfwy.iteye.com/blog/234087
用JS能不能判断复选框是否被选中
Tong's blog
01-17 5512
解决思路： 用脚本获取复选框的 checked 属性值，返回 true 则说明选中，否则未选中。 具体步骤： 代码示例： 复选框1 复选框2 特别提示 代码运行后，每选中或不选中一个复选框，都有是否选中的提示信息。 特别说明在表单验证时常常需要判断某一项内容的选中状态，无论是单选框还是复选框，用对象的 checked 都可以判断。 checked 设置或获取复选框或单选钮的状态，true 
jquery和js如何判断checkbox是否选中
weixin_30443895的博客
01-22 59
jquery： <div id="divId" class="divTable"><div class="tableBody"><ul ><li ><input type="checkbox" value="501" ></li></ul></div></div> $("i...
JavaScript复选框是否选中判断
flysnownet的博客
07-24 1万+
代码 //设置选中 $('#check1').prop('checked', true); //是否选中 var isChecked = $('#cb').prop('checked'); //或 var isChecked = $('#cb').is(":checked"); var isChecked = $('#cb').attr('checked'); 代码 fun...
js如何判断复选框是否选中
热门推荐
Sang
07-09 3万+
js判断复选框是否选中 复选框全选、全不选、反选、必选一个 //全选 function selectAll() { var names = document.getElementsByName("bjjb"); for(var i=0;i<names.length;i++){
js判断复选框是否选中的方法
qq_33019839的博客
10-11 9055
在web前端中做一些类似用户资料提交的功能时，有时需要用到html的复选框，来让用户自定义选择一些默认设置好的项目，今天就来说一说，如何利用 javascript 和 jquery 来判断html复选框是否被选中。 javascript 判断 checkbox 复选框是否被选中的方法 示例1： <!--html代码--> <input type="checkbox" name="...
在js中动态的判断复选框是否选中
qq_56715703的博客
11-15 1633
在js中动态的判断复选框是否选中
js 判断checkbox 是否选中
dingxingmei的专栏
09-12 826
html代码：                      星期一                     星期二                     星期三                     星期四                     星期五                     星期六                     星期天     j
JavaScript 判断复选框是否选中并取出值
岁寒松柏
08-12 171
JavaScript 获取复选框的值，有朋友在刚开始利用表单提交 数据 的时候，一般都会遇到表单中有一个特别的元素——复选框，判断它是否选中以及获取它的值 ，好像跟其它的表单元素有点不一样，本代码将为您展示如何获取复选框的值并判断是否被选中 &lt;title&gt;JavaScript 获取复选框的值&lt;/title&gt; &lt;script&gt; function checkb...
如何获取vant复选框 checkbox勾选中的哪一行的值
07-14
要获取 Vant 复选框（Checkbox）勾选中的哪一行的值，你可以借助 Vue.js 的双向绑定和事件监听来实现。 首先，你需要在 Vue 实例的 data 中定义一个数组用于存储选中的行的值。例如： ```javascript data() { return { selectedRows: [] // 用于存储选中的行的值 } } ``` 接下来，在复选框组件中，你需要使用 v-model 指令将选中状态绑定到一个计算属性，并在复选框组件上添加一个 change 事件监听器。例如： ```html <van-checkbox v-model="selectedRows" @change="handleCheckboxChange(rowData)"> <!-- 复选框的内容 --> </van-checkbox> ``` 在上述代码中，我们将复选框的选中状态绑定到 `selectedRows` 数组，并在复选框上添加了一个 `change` 事件监听器，调用 `handleCheckboxChange` 方法，并传递当前行的数据 `rowData`。 最后，在 Vue 实例中定义 `handleCheckboxChange` 方法，用于处理复选框勾选状态的改变。在该方法中，你可以根据需要对选中和取消选中的行进行相应的处理。例如： ```javascript methods: { handleCheckboxChange(rowData) { if (this.selectedRows.includes(rowData)) { // 取消选中 // 在这里可以进行相应的操作，比如从 selectedRows 数组中移除该行的值 const index = this.selectedRows.indexOf(rowData); if (index > -1) { this.selectedRows.splice(index, 1); } } else { // 选中 // 在这里可以进行相应的操作，比如将该行的值添加到 selectedRows 数组中 this.selectedRows.push(rowData); } } } ``` 在上述代码中，我们通过判断 `selectedRows` 数组中是否包含当前行的数据 `rowData`，来决定是取消选中还是选中。根据需要，你可以在相应的分支中进行处理。 通过以上的代码，你就可以获取到 Vant 复选框勾选中的哪一行的值，并根据需要进行相应的操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值