javascript - PHP 和 JS - 如何从选中并输入的所选复选框中获取值?

标签 javascript php jquery

我只想创建动态值,该值将根据选中的复选框数量发送到警报弹出窗口。

1- 这意味着当选中复选框测试 1 并按 Enter 按钮时,警报值 =“1”

2- 当选中测试 1、测试 2 和 3 并按 Enter 时,给出值 =“1,2,3”,以同样的方式等。
3-然后,如果选中所有复选框并按 Enter,它将给出所有值 =“1,2,3,4”

这是我已经启动的函数,但我无法思考如何在函数中编写。

  function checkTest(){
    // script and condition here that i'm stuck to begin

         alert(values);
        }


<input type="checkbox" id="st_1" class="cbgroup1" name="cbg1[]" value="1"> Test 1<br/> 

<input type="checkbox" id="st_2" class="cbgroup1" name="cbg1[]" value="2"> Test 2<br/> 

<input type="checkbox" id="st_3" class="cbgroup1" name="cbg1[]" value="3"> Test 3<br/>  

<input type="checkbox" id="st_4" class="cbgroup1" name="cbg1[]" value="4"> Test 4<br/> 

<input type="checkbox" id="cbgroup1_master" onchange="togglecheckboxes(this,'cbgroup1')"> Select All <br/>

<button type="button" onclick="javascript:checkTest();" class="btn btn-default"> Enter  </button>

最佳答案

已编辑正确。不得不拿出美元,因为他们不工作,也不想排除故障。这将完全按照您的要求工作。不过只有 jQuery 迭代。需要使用 Javascript 更改某些方面。

    function checkTest(){
        // script and condition here that i'm stuck to begin
         var checkboxes = jQuery('.cbgroup1'), values = '';

         checkboxes.each(function(){
             if(jQuery(this).is(':checked') || jQuery('#cbgroup1_master').is(':checked')){
                 if(values != ''){
                    values += ',';
                 }
                    values += jQuery(this).val();
             }
         });
        alert(values);
    }

关于javascript - PHP 和 JS - 如何从选中并输入的所选复选框中获取值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28457402/

相关文章:

javascript - 保存子窗口会保存父窗口(Javascript)

javascript - 使用 js/jquery 的动态脚本元素放置

php - 检查用户角色和用户限制

php - laravel sanctum SPA 身份验证 protected 路由返回 { "message": "unauthenticated"}

javascript - 如何使用jquery刷新页面的一部分

javascript - Bootstrap Accordion : how to collapse all at a click

javascript - Set.constructor`alert\x28document.domain\x2 9```含义

javascript - Protractor :一个测试通过,但另一个失败

php - 通过 php 使用 youtube-dl 时出现 Python ImportError

javascript - 如何使用 JavaScript 隐藏正文但保持图像显示