Question

您好我正在使用php制作一个项目我只是想知道如何在表格上添加复选框以表明被选中。因为我之前没有找到任何问题，关于如何在点击表格行时切换复选框，所以我想分享我的方法。

这是我的代码：

$list_equipments = array();

$con = new data_abstraction("resource_booking", "it_equipment_type");
if ($result = $con - > make_query() - > result) {
    while ($data = $result - > fetch_assoc()) {
        $list_equipments[] = $data;
    }
} else {
    die("SQL Error:".$con - > error);
}


$html - > draw_container_div_start();
$html - > draw_fieldset_header('');
$html - > draw_fieldset_body_start();


echo "<table width='600px' style='border-width:1px; border-style:solid;'>";

$counter = 0;
$no_columns = 2; //initialize 3 columns
$column_width = 110 / $no_columns; +
foreach($list_equipments as $key => $equipment) {

    if ($counter % $no_columns == 0)
        echo "<tr>";
    echo "<td width='".$column_width.
    "%' style='border-width:1px; border-style:solid'>";
    draw_equipment($equipment);
    echo "</td>";
    if ($counter % $no_columns == $no_columns - 1)
        echo "</tr>";
    $counter++;
}
echo "</table>";

$html - > draw_fieldset_body_end();
$html - > draw_fieldset_footer_start();

$html - > draw_submit_cancel(true, '2', 'btn_submit', 'RESERVE');
$html - > draw_fieldset_footer_end();
$html - > draw_container_div_end();
$html - > draw_footer();


function draw_equipment($equipment) {
    $equipment_name = $equipment['img_link'];
    echo "<div style='text-align:left;width:120%'>";
    echo "<img src='img/$equipment_name' alt='$equipment_name' width='155px'/><br/>";
    echo $equipment['equip_type'];
}

echo "</form>";
return ob_get_clean();

Answer 1

创建表格时，您可以添加一个td，您可以在其中添加每行的复选框，如下所示

<td><input type= "checkbox" class="toggleCheckbox"></td>

然后使用jquery，您可以在此处理点击事件，如下所示

$("table tr").click(function(){
    ($(this).children(":last").trigger("click");
})

Answer 2

最后我在我的问题上找到了解决方案

 public partial class FeederControlMonitor : Form
    {
        public string Status = string.Empty;
        public Thread T = null;
        public FeederControlMonitor()
        {
            InitializeComponent();
        }

        private void FeederControlMonitor_Load(object sender, EventArgs e)
        {
            label1.Text = "Server is Running...";
            ThreadStart Ts = new ThreadStart(StartReceiving);
            T = new Thread(Ts);
            T.Start();
        }
        public void StartReceiving()
        {
            ReceiveTCP(9100);
        }
        public void ReceiveTCP(int portN)
        {
            TcpListener Listener = null;
            try
            {
                Listener = new TcpListener(IPAddress.Any, portN);
                Listener.Start();
            }
            catch (Exception ex)
            {
                File.WriteAllText(@"C:\\Drive\\ex.txt", ex.Message);
                Console.WriteLine(ex.Message);
            }


            try
            {
                Socket client = Listener.AcceptSocket();
                byte[] data = new byte[10000];
                int size = client.Receive(data);
                while (true)
                {
                    client.Close();
                    ParseData(System.Text.Encoding.Default.GetString(data));
                }

                Listener.Stop();

            }
            catch (Exception ex)
            {
                File.WriteAllText(@"C:\\Drive\\ex.txt", ex.Message);
            }
        }

        public void ParseData(string data)
        {


            var useFulData = data.Substring(data.IndexOf("F1")).Replace(" ", "");
            useFulData = useFulData.Remove(useFulData.IndexOf("<ETX>"));
            string[] delimeters = { "<DEL>", "<ESC>" };
            var listOfValues = useFulData.Split(delimeters, StringSplitOptions.None).ToList();
            int pos = 0;
            for (int i = 1; i < listOfValues.Count; i += 2, pos++)
            {
                listOfValues[pos] = listOfValues[i];
            }
            listOfValues.RemoveRange(pos, listOfValues.Count - pos);
            txtTubeName.Text = listOfValues[0];
            txtCID.Text = listOfValues[1];
            txtLocation.Text = listOfValues[2];
            txtGender.Text = listOfValues[3];
            txtAge.Text = listOfValues[4];

        }

        private void btnExit_Click(object sender, EventArgs e)
        {
            T.Abort();
            this.Close();
        }
    }

在表格上添加复选框按钮

2 个答案: