相关疑难解决方法(0)

在我正在制作的html页面中,我尝试使用html和css使div可点击.这在我测试过的一些主要浏览器(Chrome,Firefox,Opera,Safari)以及HTC手机中都运行得很好,但是当我尝试在Iphone上测试它时,我注意到它只是不起作用.复选框本身甚至无法选择.

这是我(在Iphone上工作)代码:

HTML:

<div class="" style="height: 30px;">
        <div style="display: table; width: 100%;">
        <div style="display: table-row; width: 100%;">
        <div style="display: table-cell;">
        <label for="3171">Text....</label>
        </div>

        <div style="display: table-cell; text-align: right;">
        <input type="checkbox" id="3171" name="3171">
        </div>
        </div>
        </div>
        <label for="3171">
        <span class="blocklink">Invisible text</span>
        </label>
        </div>

CSS:

.blocklink {
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -999em;
    top: 0;
    width: 100%;
}

因此,你可以看到我正在使用的技术基本上只是<label>在父母div身上传播,所以无论你点击什么,它都会勾选/取消勾选链接的复选框.

不幸的是,这不适用于iPhone.有可能以某种方式继续使用这种技术,但也提供IPhone支持？(最好没有javascript,因为我真的不想使用HTML和CSS)

提前致谢,

阿恩

我在努力寻找对谷歌这种随时随地的解决方案,也许我在寻找正确,但想到我会来问StackOverflow上的不断值得信赖的成员.

我想使用html按钮检查html复选框.这里的原因,我不想使用复选框将是纯粹的可访问性的原因,因为我开发的应用程序将是一个终端上,因此一个HTML复选框太小通过触摸屏使用.

唯一的问题是复选框列表是动态的,因为它是使用SQL查询填充的.显然,我可以为创建HTML按钮做同样的事情.

我猜这将需要JavaScript(我现在非常高兴使用,因为我发现我需要在此应用程序中使用的许多功能需要JavaScript)才能实现此功能.

所以要澄清一下:我想点击一个按钮,说它的值为"Fin Rot",并选中值为"Fin Rot"的复选框.然后如果我点击另一个按钮,说它的值为"Ich",那么它也会检查复选框的值为"Ich"