php 多开关开启更改复选框JavaScript

vu8f3i0k  于 2024-01-05  发布在  PHP
关注(0)|答案(1)|浏览(186)

表单的几个开关按钮是用JavaScriptlaravel编写的,我想保存到数据库中。
我的剑:

  1. <form action="{{ route('admin.settings.post') }}" method="POST">
  2. <label class="switch">
  3. <input class="id-target" onchange="click_switch(this)" value="{{ $post }}" name="post" autocomplete="off" type="checkbox" @if($post == 'on') checked="" @endif>
  4. <span class="slider round"></span>
  5. </label>
  6. <label class="switch">
  7. <input class="id-target" onchange="click_switch(this)" value="{{ $product }}" name="product" autocomplete="off" type="checkbox" @if($product == 'on') checked="" @endif>
  8. <span class="slider round"></span>
  9. </label>
  10. <label class="switch">
  11. <input class="id-target" onchange="click_switch(this)" value="{{ $course }}" name="course" autocomplete="off" type="checkbox" @if($course == 'on') checked="" @endif>
  12. <span class="slider round"></span>
  13. </label>
  14. <button class="btn" type="submit">save</button>
  15. </form>
  16. <script>
  17. function click_switch(el){
  18. if(el.checked){
  19. $(".id-target").val("on");
  20. }else{
  21. $(".id-target").val("");
  22. }
  23. }
  24. </script>

字符串
样品:

  1. switch 1 : on/off ---> off
  2. switch 2 : on/off ---> on
  3. switch 3 : on/off ---> off


当我单击第一个开关,然后单击保存选项时,第二个开关打开。

  1. switch 1 : on/off ---> on
  2. switch 2 : on/off ---> on
  3. switch 3 : on/off ---> on


问题是他们一起保存

kqqjbcuj

kqqjbcuj1#

问题是你的查询选择了所有的按钮,因为你使用了一个类选择器。

  1. function click_switch(el){
  2. el.value = el.checked ? On : ‘’
  3. }

字符串
然而,你不需要JS,因为on是复选框的默认值。当选中时,值将是on,当它未选中时,值将是空的。当你在复选框上设置value属性时,它只是将on替换为选中的值。未选中的输入总是返回空字符串。

相关问题