ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: useronline ที่ 13 กุมภาพันธ์ 2015, 11:51:58


หัวข้อ: เขียนโค้ดให้ติ๊ก radio แล้วที่ checkbox ถูกติ๊กด้วยครับ
เริ่มหัวข้อโดย: useronline ที่ 13 กุมภาพันธ์ 2015, 11:51:58
มีวิธีการเขียนยังไงหรอครับ

หัวข้อ: Re: เขียนโค้ดให้ติ๊ก radio แล้วที่ checkbox ถูกติ๊กด้วยครับ
เริ่มหัวข้อโดย: amazegu ที่ 13 กุมภาพันธ์ 2015, 12:09:02
โค๊ด:
Radio:<input type="radio" name="radio1">
CheckBox:<input type="checkbox" name="checkbox1">

$('input:radio[name=radio1]').on('click', function() {
    $('input:checkbox[name=checkbox1]').prop('checked', true);

});

http://jsfiddle.net/Lww2ko16/

ลองดูคับ :P :P :P

หัวข้อ: Re: เขียนโค้ดให้ติ๊ก radio แล้วที่ checkbox ถูกติ๊กด้วยครับ
เริ่มหัวข้อโดย: useronline ที่ 13 กุมภาพันธ์ 2015, 13:40:35
อ้างจาก: amazegu ที่ 13 กุมภาพันธ์ 2015, 12:09:02
โค๊ด:
Radio:<input type="radio" name="radio1">
CheckBox:<input type="checkbox" name="checkbox1">

$('input:radio[name=radio1]').on('click', function() {
    $('input:checkbox[name=checkbox1]').prop('checked', true);

});

[url]http://jsfiddle.net/Lww2ko16/[/url]

ลองดูคับ :P :P :P


โค๊ด:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
$(document).ready(function(){
$('input:radio[name="radio1"]').on('click', function() {
    $('input:checkbox[name="checkbox1"]').prop('checked', true);
});
});
</script>
</head>
<body>
Radio:<input type="radio" name="radio1">
CheckBox:<input type="checkbox" name="checkbox1">
</body>
</html>

ไม่ได้อะครับ

หัวข้อ: Re: เขียนโค้ดให้ติ๊ก radio แล้วที่ checkbox ถูกติ๊กด้วยครับ
เริ่มหัวข้อโดย: amazegu ที่ 13 กุมภาพันธ์ 2015, 14:46:18
อ้างจาก: useronline ที่ 13 กุมภาพันธ์ 2015, 13:40:35
อ้างจาก: amazegu ที่ 13 กุมภาพันธ์ 2015, 12:09:02
โค๊ด:
Radio:<input type="radio" name="radio1">
CheckBox:<input type="checkbox" name="checkbox1">

$('input:radio[name=radio1]').on('click', function() {
    $('input:checkbox[name=checkbox1]').prop('checked', true);

});

[url]http://jsfiddle.net/Lww2ko16/[/url]

ลองดูคับ :P :P :P


โค๊ด:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xmlns="[url]http://www.w3.org/1999/xhtml[/url]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
$(document).ready(function(){
$('input:radio[name="radio1"]').on('click', function() {
    $('input:checkbox[name="checkbox1"]').prop('checked', true);
});
});
</script>
</head>
<body>
Radio:<input type="radio" name="radio1">
CheckBox:<input type="checkbox" name="checkbox1">
</body>
</html>

ไม่ได้อะครับ

ลืมไฟล์ jquery หรือเปล่า  :wanwan016: :wanwan016: :wanwan016:

หัวข้อ: Re: เขียนโค้ดให้ติ๊ก radio แล้วที่ checkbox ถูกติ๊กด้วยครับ
เริ่มหัวข้อโดย: useronline ที่ 13 กุมภาพันธ์ 2015, 15:15:34
ลืม

โค๊ด:
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

 :P

หัวข้อ: Re: เขียนโค้ดให้ติ๊ก radio แล้วที่ checkbox ถูกติ๊กด้วยครับ
เริ่มหัวข้อโดย: useronline ที่ 13 กุมภาพันธ์ 2015, 15:50:46
ขอบคุณครับ amazegu


SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com