14

クリックできないがグレー表示されない HTML チェックボックスを作成するにはどうすればよいですか? disabled=disabled タグを使用しましたが、(Chrome では) グレー表示されます。それ以外の場合はうまく機能します。jQuery と Rails での作業...

ありがとう。

4

6 に答える 6

18

ユーザビリティの問題はさておき:

$("input:checkbox").click(function() { return false; });

例: http://jsfiddle.net/nKwRj/

于 2011-06-20T13:13:32.523 に答える
8

jQuery.onコールバックとして使用false:

$(":checkbox").on("click", false);

フィドル

于 2011-06-20T13:15:52.040 に答える
3

チェックボックスが ID またはクラスによって変更されないようにします。 

/* by class */
$(".nochange").click(function () {
    return false;
});
/* by ID */
$("#nochange").click(function () {
    return false;
});

<input name='test' type='checkbox' class='nochange' checked='checked' />
<br />
<input name='test' type='checkbox' id='nochange' checked='checked' />

http://jsfiddle.net/mjames757/nX64E/1/

于 2014-02-21T14:54:49.620 に答える
2

クリックできないチェックボックスをクリックできるように見せたいのはなぜですか? ユーザーをだますには？

本当にユーザーを欺きたい場合は、絶対位置を使用してその上に不透明度 0.01 の div を配置できます (スクリプトは不要です)。しかし、なぜユーザーに対してこのような悪ふざけをする必要があるのか​​ 、まだ疑問に思っています... ;)

編集:本当に必要なのは、ユーザーが変更してはならない値を含めることですが、おそらく「醜い無効化されたチェックボックス」と考えているものを望まない場合はinput type hidden、完全に見えない を使用する必要があります。

何かが事前に選択されているが変更できないことなどを示したい場合は、無効なチェックボックスを使用してこれを示します (または、必要に応じてきれいなチェックボックスの画像を使用します)。ただし、無効なチェックボックスの値は送信されないことに注意してください。非表示フィールドを使用して、必要なデータを含めます。

于 2011-06-20T13:16:08.437 に答える
0

最初の質問への回答を探してこの投稿に出くわしました-そして、グレー表示されていない無効なチェックボックスへの反対が説得力があることがわかったので、代わりにこれを含むtd-tagを作成しました: <%if rs("yes/no value") = -1 then response.write("√")%> (wing は &radical)。次に、クリックを誘わないクリーンな情報ウィングを取得します。

于 2013-03-18T21:00:00.013 に答える