屏幕警报复选框

Question

我有一个带有一些复选框的 PHP 页面。

我需要这样做：当我点击一个按钮时，会出现一个警告，显示所有选中框的 ID。我该怎么做？

视觉示例：

|按钮| - 在警报中查看选定的测试。

□全部|产品 |样本 ID

□ - - - - 测试1 - - - - SD7168

□ - - - - 测试2 - - - - BH1560

□ - - - - 测试3 - - - - CP4327

所以我想要，例如，如果我选择了测试 1，我会收到一条警报，通知我我选择的测试的 ID (SD7168)。

// Button 
<h4>
   <a href="" class="btn btn-info" onclick="return confirm('View selected tests')">
     <br><small>TEST ID</small></a>
</h4>

// Checkbox select all
<tr>
    <th><input type="checkbox" name="select-all" id="select-all"/>
         <label for="select-all" class='smallLabel'></label>
    </th>
</tr>

// Initial alert cycle

foreach ($newTestList as $test) 
            {
                $num=$increment++;
                switch ($test->reportStatus) {
                    case 'cancelled':
                        $reportStatusDisplay = "<span class='alert-danger'>"._('Cancelled')."</span>";
                        break;
                    case 'negative':
                    case 'positive':
                        $reportStatusDisplay = "<span class='alert-info'>"._('Available')."</span>";
                        break;
                    default:
                        $reportStatusDisplay = '';
                        break;
                }

// Checkbox select single

<tr>
    <td>
       <input type="checkbox" name="<?='checkbox-'.$num?>" id="<?='checkbox-'.$num?>"/>
          <label for="<?='checkbox-'.$num?>" class='smallLabel'></label>
    </td>

// ID parameter
                    
    <td>
       <?=$test->sampleID?> Select: <input id="<?='checkbox-'.$num?>" type="checkbox"/> <br>
    </td>



// JS Checkboxes

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

// Listen for click on toggle checkbox
    $('#select-all').click(function(event) {   
        if(this.checked) {
            // Iterate each checkbox
            $(':checkbox').each(function() {
                this.checked = true;                        
            });
        } else {
            $(':checkbox').each(function() {
                this.checked = false;                       
            });
        }
    }); 


// JS che I created to manage the alert

$('<?='checkbox-'.$num?>').click(function() {
    alert("Checkbox state (method 1) = " + $('<?='checkbox-'.$num?>').prop('checked'));
    alert("Checkbox state (method 2) = " + $('<?='checkbox-'.$num?>').is(':checked'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Answer 1

在脚本中将此数组初始化为全局数组

const id=[]

此函数将运行在您的项目被选中时也会在项目未被选中时弹出

    function onclick(e){ 
id.push(e.target.id)
}

如果您无法在同一主题中回复

屏幕警报复选框

On-Screen Alert checkbox

javascript

checkbox