我想爲選中的複選框使用未選中複選框的圖像和其他圖像。我不想添加標籤,類或類似的東西。我想單獨保留HTML,只顯示<input type="checkbox" />
我不介意使用JavaScript或jQuery,只要我可以單獨保留HTML。 這是我正在尋找的一個例子,但它只適用於Webkit瀏覽器。 http://jsfiddle.net/7kScn/ 如果不添加標籤或類或ID,是否會有解決方案?樣式複選框和單選按鈕
1
A
回答
0
不幸的是,我必須一直沒明確的,是的,有使用jQuery,CSS(X)HTML和其他方法可以做的非常靈活和漂亮的事情......但實質上,他們將input
轉換爲div
。也很難找到有利於選擇下拉菜單的東西。我最終找到了這個選擇框,我將嘗試看看我是否可以爲複選框和單選按鈕做類似的事情。 http://bavotasan.com/2011/style-select-box-using-only-css/
我只是發現了一些完善。 http://acidmartin.wordpress.com/2011/06/23/imageless-css-3-custom-checkboxes-and-radio-buttons/ 雖然顏色和字體很醜,但它完成了我需要的東西,再加上那些很容易改變。
0
這看起來像一個有趣的選擇,儘管它似乎只是處於測試階段:
0
樂趣週五的挑戰,這是我有點哈克實施。請記住,一個真正的應用程序,你必須有更好的輸入型的定位和更穩健的選擇:
的jsfiddle: http://jsfiddle.net/2RNVh/
$("input").each(function() {
var $this = $(this);
$this.hide();
var $image = $("<img src='http://refundfx.com.au/uploads/image/checkbox_empty.png' />").insertAfter(this);
$image.bind("click", function() {
var $checkbox = $(this).prev("input");
$checkbox.prop("checked", !$checkbox.prop("checked"));
checkImage();
})
function checkImage() {
if($image.prev("input").prop("checked")) {
$image.attr("src", "http://refundfx.com.au/uploads/image/checkbox_full.png");
} else {
$image.attr("src", "http://refundfx.com.au/uploads/image/checkbox_empty.png");
}
}
});
1
它可能有助於去jquery UI
複選框例如。 http://jqueryui.com/button/#checkbox
電臺如。 http://jqueryui.com/button/#radio
GL HF
相關問題
- 1. Android的webview單選按鈕和複選框樣式
- 2. 單選按鈕/複選框
- 3. 單選按鈕和複選框javascript
- 4. jquery複選框和單選按鈕
- 5. 複選框和單選按鈕。值
- 6. 與複選框和單選按鈕
- 7. 單選按鈕和條件複選框
- 8. 複選框和單選按鈕圖像
- 9. Laravel 5.1單選按鈕和複選框
- 10. 造型複選框和單選按鈕
- 11. Django表單複選框,單選按鈕
- 12. 單選按鈕樣式
- 13. 複選框和單選按鈕樣式在Firefox中不起作用
- 14. 如何使iphone中的單選按鈕和複選框按鈕?
- 15. 形式與單選按鈕和複選框發送到PHP
- 16. 選中單選按鈕樣式
- 17. AngularJS選擇和取消選擇複選框/單選按鈕
- 18. jQuery - 複選框像單選按鈕
- 19. Javascript +單選按鈕/複選框驗證
- 20. 自定義複選框/單選按鈕
- 21. 單選按鈕+複選框組合
- 22. iAd Producer複選框單選按鈕?
- 23. 複選框來控制單選按鈕
- 24. KnockoutJS單選按鈕不會像複選框一樣變化
- 25. 我想使複選框像angularjs單選按鈕一樣行動
- 26. 複選框就像單選按鈕|一樣使用icheck.js
- 27. 單選鈕按鈕樣式XAML
- 28. 更改複選框和單選按鈕的邊框顏色
- 29. 列表框與單選按鈕和複選框都在一個
- 30. 切換複選框和單選按鈕選擇使用JavaScript?
你不介意的JavaScript附加類的頁面加載後,所以HTML代碼仍然在源裸? – 2011-12-16 19:49:50
@SetSailMedia我正在考慮它,但我也希望它成爲更有機因此它覆蓋每一個複選框,單選按鈕... – henryaaron 2011-12-16 19:58:54