input中checkbox的checked选中状态-陈周

最新推荐文章于 2023-07-30 08:10:28 发布
最新推荐文章于 2023-07-30 08:10:28 发布
阅读量3k 收藏
点赞数 1
分类专栏： 前端知识 文章标签： checked checkbox input 选中状态
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34934555/article/details/78450740
版权
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>checked</title>
<script type="text/javascript" src="js/jquery2.0.3.min.js" ></script>
</head>
<body>
<p><input type="checkbox" class="cbox"  value="西瓜" />西瓜<span>单价：<i>69</i>￥</span><input class="inp" type="text" placeholder="请输购买次数" /></p> 
<p><input type="checkbox" class="cbox"  value="香蕉" />香蕉<span>单价：<i>49</i>￥</span><input class="inp" type="text" placeholder="请输购买次数" /></p>
<p><input type="checkbox" class="cbox"  value="橙子" />橙子<span>单价：<i>136</i>￥</span><input class="inp" type="text" placeholder="请输购买次数" /></p>
<p><input type="checkbox" class="cbox"  value="雪梨" />雪梨<span>单价：<i>78</i>￥</span><input class="inp" type="text" placeholder="请输购买次数" /></p>
<p><input type="checkbox" class="cbox"  value="葡萄" />葡萄<span>单价：<i>25</i>￥</span><input class="inp" type="text" placeholder="请输购买次数" /></p>
<p><input type="checkbox" class="cbox"  value="核桃" />核桃<span>单价：<i>44</i>￥</span><input class="inp" type="text" placeholder="请输购买次数" /></p>
<script>
$(function(){
    var s = $("p");
    var sinp = $("input[class='inp']");
    s.each(function(i) {
            $(this).children(".cbox").click(function(){
                if(this.checked==true){
                var res=$(this).val();
                var idj=$(this).siblings("span").children("i").html();
                $(this).siblings(".inp").blur(function(){
                var cs=$(this).val();
                var jg="不填入次数表示";
                if(idj==""||idj==null){
                alert("不填入次数表示");
                }else{
                jg=parseInt(idj)*parseInt(cs);
                }
alert(jg);
                });
                }
             });
        }); 
}) ;
</script>

</body>
</html>
陈周
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
改变checkbox默认选中状态及取值的实现代码
09-02
其中，2级`checkbox`通过`checked="checked"`属性被设置为默认选中状态： ```html <input type="checkbox" name="chk" value="1" val="1级">1级 <input type="checkbox" name="chk" value="2" checked="checked" ...
关于input中的checked属性
flybone7的博客
07-04 2万+
checked属性值是true还是checked 2019-1-7 18:05|作者:admin|查看:4657|评论: 0|来自: 蚂蚁部落 复选框标签具有checked属性，通过此属性可以设置复选框的选中状态。 非常简单的操作，但是还是有不少朋友存在后面类似的疑问，那就是不确定checked属性值是true还是checked。 因为两个属性值在实际代码中都有出现，并且都是有效...
复选框checkbox的三种状态
最新发布
m0_74265396的博客
07-30 3702
一旦设置checked="false"或者checked = true或者不设置任何值，都会被解释为选中。不设置checked是默认不被选中的，
input中复选框设置和判断选中和未选中的几种方法
weixin_44818730的博客
11-10 5258
html部分： <!-- html --> <input name="checkbox" class="checkbox" type="checkbox" data-bid="2" /> 1、设置选中和未选中方法： // js <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> var checkbox
checked复选框的使用
weixin_57784983的博客
06-19 3496
checked复选框
input标签中checkbox中默认选中，有趣的checked
rusi__的博客
10-17 2万+
摘要 有时候我们设置复选框的时候需要使之默认选中，官方给的解释是要添加**checked=“checked”**这样一个属性，而事实上呢？ checked 可以 checked=“checked” 可以. checked=“1” 可以 checked=" " 可以 checked="0"可以 checked=“false”，都是可以的。 ------------。----------- 总结 ...
JS通过识别id、value值对checkbox设置选中状态
10-15
这段代码首先将字符串`name`按逗号分隔成数组`names`，然后遍历所有`input`元素，比较它们的`value`属性与`names`数组中的值，如果匹配则设置该复选框的`checked`属性为`true`，实现选中状态。 使用jQuery，我们...
ng-repeat中Checkbox默认选中的方法教程
10-18
这里的`ng-checked="{{c.Selected}}"`将`c.Selected`的值转换为JavaScript表达式，用于控制Checkbox的选中状态。 在AngularJS的控制器部分，我们创建了一个`pilotApp`模块和`CarCtrl`控制器。`$http`服务被用来向...
vue .js绑定checkbox并获取、改变选中状态的实例
10-18
在Vue.js中，绑定checkbox并获取、改变其选中状态是常见的需求。本文将通过一个实例来详细介绍这个过程，并探讨如何处理复选框选中的值问题。 首先，让我们看下HTML部分的代码： ```html <div class="weui-cells ...
jQuery判断checkbox选中状态
10-22
在本篇文章中，我们将探讨如何使用jQuery来判断和设置checkbox（复选框）的选中状态，这对于构建交互式用户界面至关重要。 首先，我们要明白在HTML中，一个checkbox的选中状态通常通过`checked`属性来控制。当`...
input checkbox 获取选中值和设置选中状态
wusejiege6的博客
06-08 1万+
获取选中值JS代码： shisssss //nodestr s function getValueCB(nodestr){ var node = document.getElementsByName(nodestr); var nodeValue = []; var len = node.length; for (var i = 0; i < len; i++) { if (node[i].checked) { nodeValue.push(node[i].value); }
html中选择框选中的属性,checkbox_(input)_选择框元素的_checked_和_value_属性
weixin_31706903的博客
06-03 3021
选择框元素的 checked 和 valu作一新求抖直微圈e 属性：check中比需抖接朋功要朋插ed 属性设件览客需和下于有快都业视的事一房望站是有置或返回 checkbox 是否应被选抖要支圈者器说是事天开的。年后编定功口小发还中。语法checkboxObject.checked=true|false 返回布尔值说明该属性保存了 checkbox 的当前状态，不管何时，这个值发生变化的时候，o...
<input> 标签的 checked 属性
码农的田园
07-30 1万+
checked 属性可设置或返回某个选定复选框或单选按钮是否被选中。 checked 属性 与 或 配合使用。 表示选定复选框或单选按钮。 checked="checked" /> I have a car document.getElementById("check1").checked=true document.getElement
input标签checkbox选中触发事件的方法
jiaxiaokai的博客
12-30 2万+
目的： 1. 打开页面时，根据后端返回的的值isRequired，设置页面的checkbox标签的勾选状态，并给隐藏的text标签的value赋值，以便于在提交页面时把isRequired再返回给后端 2. 切换checkbox标签的勾选状态时，修改隐藏的text标签的value的值，勾选是1，取消勾选是0 html代码： <div class="col-sm-8"> <input type="checkbox" class="minimal pull-left Grandpa isR.
设置页面中input check复选框为单选功能
digua523的博客
04-15 2万+
页面中checkbox复选框设置为单选功能
JS中input标签和checked使用
weixin_42232623的博客
05-21 9560
checked 是 和的一种属性，表示该项是不是被选择了 两种定义方式： 一、在input标签中定义 表示该项被选择 表示该项不被选择，注意：如果是不被选择就不用写checked属性了。如果你写了，不管checked的值是什么，都是被选择。原因：html是一种宽松的标记语言，会忽略你的checked=false中的false，所以结果还是被选中 二、在加载的javascript中设置 你上面的代码...
关于复选框选中状态的判断
aaxzsuj的博客
04-01 2669
关于复选框选中状态的判断 1.checked的选中状态 不设置checked是默认不选被选中的， 一旦设置checked="false"或者checked = false或者checked="true"或者checked = true或者不设置任何值，都会被解释为选中。 //未被选中 <input type=“checkbox” name=“test” id=“test2”/ chec...
checkbox中checked属性总结
热门推荐
奔跑8蜗牛
01-04 4万+
一、checked属性定义和用法        1.checked属性是一个布尔属性        2.checked属性规定在页面加载时应该被预先选定的&lt;input&gt;元素        3.checked属性适用于&lt;input type="checkbox"&gt;和&lt;input type="radio"&gt;        4.checked属性也可以在页面加...
checkbox (input) 选择框元素的 checked 和 value 属性
weixin_41796631的博客
10-13 2万+
&lt;input type="checkbox"/&gt; 选择框元素的 checked 和 value 属性： checked 属性 设置或返回 checkbox 是否应被选中。 语法 checkboxObject.checked=true|false 返回布尔值 说明 该属性保存了 checkbox 的当前状态，不管何时，这个值发生变化的时候，onclick 事件句柄就会触发（...
input的checkbox选中状态
03-16
input的checkbox选中状态指的是复选框被勾选的状态。当用户点击复选框时，复选框的状态会从未勾选变为已勾选，表示用户选择了该选项。在HTML中，可以使用checked属性来设置复选框的选中状态。例如，<input type=...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值