首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >设置取消选中jquery复选框的值

设置取消选中jquery复选框的值
EN

Stack Overflow用户
提问于 2018-08-13 07:55:35
回答 3查看 1.8K关注 0票数 0

嗨,我是javascript,html和jquery的新手。我真的很感谢您的帮助或建议,谢谢。我正在尝试将jquery复选框的值设置为否,如果取消选中,我会在jquery复选框之前添加一个隐藏了jquery复选框名称的html代码

代码语言:javascript
运行
复制
<input type="hidden" name="c1" value="No" />

实际上,如果取消选中,则保存否,但如果选中,则保存为“是”;“否”

我的炒股复选框

代码语言:javascript
运行
复制
<input grouping="" id="c1" name="c1" type="checkbox" value="Yes"    />
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2018-08-13 08:11:21

你可以这样做:

代码语言:javascript
运行
复制
$("#c1").change(function() {
  var name = $(this).attr("name");
  $("input[type=hidden][name=" + name + "]").val(($(this).is(":checked") ? "Yes" : "No"));
  console.log($("input[type=hidden][name=" + name + "]").val());
})

Demo

代码语言:javascript
运行
复制
$("#c1").change(function() {
  var name = $(this).attr("name");
  $("input[type=hidden][name=" + name + "]").val(($(this).is(":checked") ? "Yes" : "No"));
  console.log($("input[type=hidden][name=" + name + "]").val());
})
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="hidden" name="c1" value="No" />
<input grouping="" id="c1" name="c1" type="checkbox" value="Yes" />

票数 0
EN

Stack Overflow用户

发布于 2018-08-13 08:06:31

使用DOM

代码语言:javascript
运行
复制
    if($("#c1").checked)
     $("#c1").value = "yes";
    else
     $("#c1").value = "no";

选中返回true,如果选中或假

票数 0
EN

Stack Overflow用户

发布于 2018-08-13 08:18:16

您可以使用javascript:

代码语言:javascript
运行
复制
<input onchange="chkboxHandler()" id="c1" name="c1" type="checkbox" value="Yes" checked/>

关于复选框的值变化,我们称之为下面的函数

代码语言:javascript
运行
复制
<script>
        function chkboxHandler() {
          var chkbox = document.querySelector("input#c1")
          if (chkbox.checked) {
            chkbox.value = "Yes"
          } else {
            chkbox.value = "No"
          }
        }
</script>

希望你有答案

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51817623

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档